/**
 * Accessibility CSS Enhancements
 * WCAG 2.1 AA Compliance
 * 
 * Diese Datei enthält CSS-Regeln für Keyboard-Navigation
 * und andere Barrierefreiheits-Verbesserungen
 */

/* ========================================
   HAUPTNAVIGATION KEYBOARD SUPPORT
   ======================================== */

/* Repliziere das :hover::after Element für keyboard-hover */
.main_nav_container .menu-item.menu-item-has-children.keyboard-hover::after,
.main_nav_container .menu-item.menu-item-has-children.hover::after {
    display: block !important;
}

/* Stelle sicher dass Dropdowns bei keyboard-hover sichtbar sind */
.main_nav_container .menu-item-has-children.keyboard-hover .sub-menu,
.main_nav_container .menu-item-has-children.hover .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Kopiere alle :hover Styles für keyboard-hover auf menu-item Ebene */
.main_nav_container .menu-item.keyboard-hover,
.main_nav_container .menu-item.hover {
    /* Aktiviere alle hover states */
}

/* Link Styles bei keyboard-hover */
.main_nav_container .menu-item.keyboard-hover > a,
.main_nav_container .menu-item.hover > a {
    /* Link bekommt auch hover styles */
}

/* ========================================
   SPRACH-DROPDOWN KEYBOARD SUPPORT
   ======================================== */

/* Stelle sicher dass Sprach-Dropdown bei .open Klasse sichtbar ist */
ul.languages.open {
    /* Falls nötig, forciere Sichtbarkeit */
}

ul.languages.open li:not(.current_lang) {
    display: block !important;
    visibility: visible !important;
}

/* ========================================
   FOCUS STYLES
   ======================================== */

/* Verbesserte Focus-Indikatoren für bessere Sichtbarkeit */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #c51724;
    outline-offset: 2px;
}

/* Skip-Links für schnelle Navigation */
.skip-link,
.screen-reader-text {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    top: auto;
    overflow: hidden;
}

.skip-link:focus,
.screen-reader-text:focus {
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 999999;
    width: auto;
    height: auto;
    padding: 8px 16px;
    background: #c51724;
    color: white;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    overflow: visible;
}

/* ========================================
   ARIA-HIDDEN ELEMENTS
   ======================================== */

/* Verstecke Elemente mit aria-hidden vor Screenreadern */
[aria-hidden="true"] {
    /* Visuell nicht ändern, nur für Screenreader verstecken */
}

/* Elemente mit tabindex="-1" nicht fokussierbar */
[tabindex="-1"]:focus {
    outline: none;
}