/* readabler-a11y.css – Adapter für das Readabler-Overlay (Herstellerdateien bleiben unverändert)
   Stand 2026-10-04 – WCAG 2.2 AA */

/* 2.4.3 / 2.4.11: Geschlossenes Seitenpanel ist weder sichtbar noch per Tab erreichbar */
body:not([class*="-is-open-"]) #mdp-readabler-sidebar {
    visibility: hidden;
    transition: visibility 0s linear .4s;
}
body[class*="-is-open-"] #mdp-readabler-sidebar { visibility: visible; transition: none; }

/* 2.4.7: Fokus in Panel-Kacheln deutlich sichtbar */
#mdp-readabler-sidebar :focus-visible,
.mdp-readabler-trigger-button-box button:focus-visible {
    outline: 3px solid #0b57d0 !important;
    outline-offset: 2px !important;
}

/* 2.5.8: Zielgröße Farbfelder mindestens 24 × 24 px */
#mdp-readabler-sidebar .mdp-readabler-color { min-width: 24px; min-height: 24px; }

/* Schwebender Auslöser liegt unter der Kopfleiste (verdeckt, 2.4.11) und doppelt sich mit
   den Buttons in Navigation (Desktop) bzw. Toggle-Leiste (mobil) – daher ausblenden */
.mdp-readabler-trigger-button-box { display: none !important; }

/* Versteckte Checkbox-Beschriftung der Profile: statt font-size:0 visuell versteckt (WAVE „Very small text“) */
#mdp-readabler-sidebar .mdp-switch > span[data-i18next] {
    position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important;
    clip: rect(0 0 0 0) !important; white-space: nowrap !important; font-size: 1rem !important;
    color: #000 !important; background: #fff !important;
}