/* ================================================================
   a11y-fixes.css  —  WCAG-Korrekturen fuer das geklonte Divi-Layout
   ----------------------------------------------------------------
   Das geklonte Divi-CSS ist UNLAYERED und schlaegt die gelayerten
   Layers-Regeln. Diese Datei liegt in src/public/ (statisch, plain
   CSS, unlayered) und wird in clientlayout.hbs als LETZTES <link>
   nach {{> head}} eingebunden. Sie gewinnt OHNE !important rein ueber
   hoehere Spezifitaet (+ spaetere Source-Order) gegen die niedrig-
   spezifischen Klon-Resets (`:focus`=0,1,0, `a`=0,0,1).
   Bewusst KEINE Edits an Standard-CSS; alle Klon-A11y-Fixes hier.
   ================================================================ */

/* --- SC 2.4.7 / 2.4.11 Focus Visible -----------------------------
   Klon-Reset `:focus{outline:0}` + Universal-Reset `...{outline:0}`
   killt den Fokusring site-weit - auch bei programmatischem Focus,
   wo :focus-visible nicht matcht. (1,1,1) schlaegt den Klon-`:focus`.
   outline-Token mit Marken-Rot-Fallback. */
#tms-layers-app a:focus,
#tms-layers-app button:focus,
#tms-layers-app input:focus,
#tms-layers-app select:focus,
#tms-layers-app textarea:focus,
#tms-layers-app [tabindex]:not([tabindex="-1"]):focus,
#tms-layers-app :focus-visible {
    outline: 2px solid var(--tms-color-outline, #c6041f);
    outline-offset: 2px;
    /* Divi setzt `transition: all` auf Nav-Links/Buttons -> der Fokusring
       animiert von 0->2px; der a11y-Test misst getComputedStyle bei t=0
       (noch 0px). Im Fokus-State nicht animieren -> Ring sofort sichtbar.
       `!important` hier UNVERMEIDBAR: Divi nutzt `transition-property:all
       !important` auf `.et_pb_button` (sonst kann nichts es schlagen). */
    transition-property: none !important;
}

/* --- SC 1.4.3 Kontrast: TMS-Platzhalter --------------------------
   Klon-Farbkaskade drueckt Platzhalter auf #858585 (3.69:1 auf weiss).
   #595959 = 7:1. Betrifft Eingabefeld- und Select-Platzhalter der
   TMS-Widgets (Joblist-Filter, Talent-Network). */
#tms-layers-app .tms-place-enter-value,
#tms-layers-app .tms-select-replacement-placeholder {
    /* TMS setzt zusaetzlich opacity:0.6 -> #595959 wirkt als #9b9b9b (2.77:1).
       opacity:1 laesst die volle Farbe (7:1) durch. */
    color: #595959;
    opacity: 1;
}

/* --- SC 1.4.3 Kontrast: Klaro-Consent-Banner ---------------------
   Globale Klon-`a{color:#c6041f}` (0,0,1) blutet in den dunklen
   Klaro-Banner (#272e3f) -> 2.21:1. (0,2,0) holt die Banner-Links
   auf hell (#fff = ~13:1). .cm-btn (eigene bg-Farben) unberuehrt. */
.klaro .cn-body a,
.klaro .cn-body .cm-link {
    color: #ffffff;
}

/* --- SC 1.4.3 Kontrast: nativer Footer (en-Seiten) ---------------
   en-Seiten laden noch den nativen `tms-component--footer` (dunkel,
   #0f172a). Die globale Klon-`a{color:#c6041f}` (0,0,1) blutet rein
   -> Links 2.92:1. (1,0,1) holt sie auf hell zurueck. (de nutzt den
   Divi-Footer `et-l--footer` und ist nicht betroffen.) */
#tms-layers-app .tms-component--footer a {
    color: #ffffff;
}