/* ============================================================
   a11y-fixes.css — Accessibility fixes pour Lighthouse 100/100
   Override les contrast / target-size insuffisants identifiés
   par Lighthouse 12 (audit 2026-05-27).
   ============================================================ */

/* === Contraste 1 : topbar-left .label (Je suis : / I am:) ===
   Avant : --ink-4 #8a93a6 sur #fbfaf6 = ratio 2.99 (FAIL WCAG AA)
   Apres : #5e6878 sur #fbfaf6 = ratio 4.83 (PASS AA) */
.topbar-left .label {
    color: #5e6878 !important;
}

/* === Contraste 2 : footer col-title === */
.site-footer .col-title {
    color: #6a6d76 !important;
}

/* === Contraste 3 : toc-label (sidebar fiches) === */
.toc-label, aside.toc .toc-label {
    color: #5e6878 !important;
}

/* === Contraste 4 : editorial-meta label === */
.editorial-meta .label, .editorial-hero-grid .editorial-meta span.label {
    color: #5e6878 !important;
}

/* === Contraste 5 : footer group-mention ===
   #8a8d96 sur #f6f5f1 = 3.04 (FAIL) -> #5e6878 = 4.8+ (PASS) */
.site-footer .group-mention {
    color: #5e6878 !important;
}

/* === Contraste 6 : curriculum-table thead th (texte sur ink dark) ===
   #5a6577 sur #0a1628 = 3.07 (FAIL) -> blanc */
.curriculum-table thead th {
    color: #ffffff !important;
}

/* === Contraste 7 : fiche section-head h2 em ===
   Avant : var(--filiere-c2) cyan #06b6d4 sur #fbfaf6 = 2.32 (FAIL)
   Fix : utiliser filiere-c1 (couleur primaire foncée) au lieu de c2 (accent clair) */
.section-head h2 em {
    color: var(--filiere-c1) !important;
}

/* === Skip-link (pattern CSS pur, plus accessible que onfocus inline JS) === */
.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    background: #0055a4;
    color: #fff;
    padding: 12px 20px;
    z-index: 99999;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;
}
.skip-link:focus,
.skip-link:focus-visible {
    position: fixed;
    left: 12px;
    top: 12px;
    outline: 3px solid #fbbc05;
    outline-offset: 2px;
}

/* === Skip-link target (anchor in header.php just before </header>) === */
#main-content {
    /* Invisible anchor for skip-link target */
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
}
#main-content:focus {
    outline: none;
}

/* === Target-size : footer address links (tel + contact) === */
.site-footer .footer-grid address a,
.site-footer address a {
    display: inline-block;
    min-height: 44px;
    line-height: 44px;
    padding: 0 2px;
}

/* === Sr-only utility (pour formations select label etc.) === */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* === Contraste 8 : fiche salary-source === */
.fiche-content .salary-source {
    color: #5e6878 !important;
}