/* trace.digitalabs.ch — structural overrides */
/* @updated 2026-05-18 00:35 Europe/Zurich: ajout .svc-block et variantes pour la page Services */
/*
 * Loaded LAST in head.php after components.css and responsive.css.
 * Contains only differences between trace's structure and the parent's defaults.
 * Tokens (vars) inherited from variables.css. No hex or pixel hardcoded.
 */

/* ========================================
   Footer grid: trace has 4 columns (À propos + 3 link columns)
   Track layout (5 tracks for 4 children) — see history note in CLAUDE.md section 8.
   ======================================== */
@media (min-width: 1025px) {
    .footer-grid {
        grid-template-columns: minmax(220px, 280px) 1fr auto auto auto;
        column-gap: var(--space-12);
    }
    .footer-grid > :nth-child(2) {
        grid-column-start: 3;
    }
}

/* ========================================
   Services page — visual sub-blocks
   Used on services.php to give visual distinction to the 3 sub-blocks
   of each service category: « peut faire » / « ne peut pas promettre » / process.
   Uses ONLY tokens from variables.css.
   ======================================== */

.svc-block {
    margin-top: var(--space-8);
    padding: var(--space-5) var(--space-6);
    border-left: 4px solid var(--color-border);
    background: var(--color-surface);
    border-radius: var(--radius-sm);
}

.svc-block-can {
    border-left-color: var(--color-primary);
}

.svc-block-cant {
    border-left-color: var(--color-gray-400);
}

.svc-block-process {
    border-left-color: var(--color-primary-vivid);
}

.svc-block-title {
    margin: 0 0 var(--space-3);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.svc-block ul,
.svc-block ol {
    margin: 0;
    padding-left: var(--space-6);
    color: var(--color-text);
    line-height: var(--line-height-relaxed);
}

.svc-block li {
    margin-bottom: var(--space-2);
}

.svc-block li:last-child {
    margin-bottom: 0;
}

.svc-block-can ul li::marker {
    color: var(--color-primary);
}

.svc-block-cant ul li::marker {
    color: var(--color-gray-400);
}

.svc-block-process ol li::marker {
    color: var(--color-primary-vivid);
    font-weight: var(--font-weight-bold);
}

/* Disclaimer block for the Trace Report section */
.svc-disclaimer {
    margin-top: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--color-surface);
    border-left: 4px solid var(--color-warning);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-relaxed);
}

.svc-disclaimer strong {
    display: block;
    margin-bottom: var(--space-2);
    font-size: var(--font-size-base);
    color: var(--color-text);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Intro paragraph spacing under each section-header on services.php */
.svc-intro {
    color: var(--color-text);
    font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed);
    margin: 0 0 var(--space-4);
    text-align: center;
}