/* ================= MODULE ACCESSIBILITÉ TGC ================= */

.a11y-wrapper { 
    position: relative; 
    display: flex; 
    align-items: center; 
    margin-right: 5px; 
}

/* Le conteneur du menu déroulant (Glassmorphism TGC) */
.a11y-menu { 
    position: absolute; 
    top: 130%; 
    right: 0; 
    width: 250px; 
    padding: 15px; 
    display: flex; 
    flex-direction: column; 
    gap: 10px; 
    z-index: 9999;
    background: rgba(15, 15, 15, 0.95);
    backdrop-filter: blur(20px);
    border: 1px solid var(--primary-neon, #00d4ff);
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
    border-radius: 15px;
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
    transition: all 0.3s ease;
}

/* État caché du menu */
.a11y-menu.hidden { 
    opacity: 0; 
    visibility: hidden; 
    transform: translateY(-10px); 
    pointer-events: none; 
}

/* Les boutons à l'intérieur du menu */
.a11y-btn { 
    background: rgba(255,255,255,0.05); 
    border: 1px solid rgba(255,255,255,0.1); 
    color: white; 
    padding: 12px 15px; 
    border-radius: 10px; 
    cursor: pointer; 
    text-align: left; 
    font-weight: 800; 
    font-size: 0.85rem; 
    transition: 0.3s;
    font-family: 'Oxanium', sans-serif; 
    text-transform: uppercase;
    display: flex; 
    align-items: center; 
    gap: 12px;
}

.a11y-btn i { 
    color: var(--primary-neon, #00d4ff); 
    width: 20px; 
    text-align: center; 
    transition: 0.3s; 
    font-size: 1rem;
}

.a11y-btn:hover, .a11y-btn.active { 
    background: rgba(255,255,255,0.1); 
    border-color: var(--primary-neon, #00d4ff); 
    box-shadow: inset 0 0 10px rgba(255,255,255,0.1);
}

/* ================= CLASSES D'ACCESSIBILITÉ ================= */

/* 1. Contraste Élevé */
body.a11y-high-contrast { background: #000 !important; color: #fff !important; }
body.a11y-high-contrast .glass-nav, 
body.a11y-high-contrast .glass-panel, 
body.a11y-high-contrast .glass-footer { 
    background: #000 !important; border: 2px solid #fff !important; 
    box-shadow: none !important; backdrop-filter: none !important;
}
body.a11y-high-contrast .site-bg, body.a11y-high-contrast .noise { display: none !important; }
body.a11y-high-contrast .welcome-title, body.a11y-high-contrast h1, body.a11y-high-contrast h2 { 
    background: none !important; -webkit-text-fill-color: #fff !important; text-shadow: none !important; color: #fff !important; 
}
body.a11y-high-contrast .btn, body.a11y-high-contrast .icon-btn { 
    border: 2px solid #fff !important; color: #fff !important; background: #000 !important; box-shadow: none !important; 
}
body.a11y-high-contrast i { color: #fff !important; }

/* 2. Texte Agrandi */
body.a11y-large-text { font-size: 115% !important; }
body.a11y-large-text .welcome-title { font-size: 3rem !important; }
body.a11y-large-text .btn { font-size: 1rem !important; }

/* 3. Dyslexie */
body.a11y-dyslexia, 
body.a11y-dyslexia * { 
    font-family: 'OpenDyslexic', 'Comic Sans MS', sans-serif !important; 
    letter-spacing: 0.05em !important; 
    line-height: 1.6 !important; 
    text-transform: none !important; 
}