/* ================================================
   ACCESSIBILITÉ - WCAG AA COMPLIANCE
   ================================================ */

/* 1. CONTRASTE AMÉLIORÉ */
.text-secondary {
    color: var(--anthys-text-muted) !important; /* Amélioration du contraste au lieu de var(--anthys-text-muted) */
}

/* Contraste amélioré sur fond clair */
.home-page .text-secondary,
.modules-page .text-secondary,
.tarifs-page .text-secondary,
.security-page .text-secondary,
.contact-page .text-secondary,
.legal-page .text-secondary {
    color: var(--anthys-text-muted) !important;
}

/* 2. FOOTER - Améliorer text-white-50 */
.site-footer .text-white-50 {
    color: #fff !important; /* Changer de rgba(255,255,255,0.5) à blanc pur */
}

.site-footer .text-uppercase.text-white-50 {
    color: var(--anthys-mauve-light) !important;
}

/* Ajouter les nouvelles classes pour le footer */
.text-white-70 {
    color: #ffffff !important;
}

.site-footer .text-white-70 {
    color: #ffffff !important;
}

/* 3. FOCUS VISIBLE - Assurer une bonne visibilité au clavier */
:focus-visible {
    outline: 3px solid var(--anthys-mauve-dark);
    outline-offset: 2px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--anthys-mauve-dark);
    outline-offset: 2px;
}

.nav-link:focus-visible,
.btn:focus-visible {
    outline: 3px solid var(--anthys-mauve-dark);
    outline-offset: 2px;
}

/* 4. AMÉLIORER VISIBILITÉ DES LIENS */
a {
    text-decoration: underline;
}

.nav-link,
.footer-link,
.btn {
    text-decoration: none;
}

.footer-link:hover,
.footer-link:focus {
    text-decoration: underline;
}

/* 5. AMÉLIORER LA LISIBILITÉ DES BADGES */
.badge {
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* 6. SUFFISANTE TAILLE DE CIBLE (min 44x44px) */
.btn,
.nav-link,
a.footer-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
}

/* 7. CONTRASTE SUR ÉLÉMENTS INTERACTIFS */
.btn-outline-primary:focus-visible,
.btn-outline-secondary:focus-visible {
    color: #fff;
}

/* 8. AMÉLIORER ICÔNES */
.bi {
    display: inline-block;
    vertical-align: middle;
}

/* 9. SKIP LINK (Aide clavier) */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--anthys-mauve-dark);
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 100;
}

.skip-link:focus {
    top: 0;
}

/* 10. AMÉLIORER BORDURES ET SÉPARATIONS */
.border {
    border-color: var(--anthys-border) !important;
}

/* 11. RÉDUIRE L'OPACITÉ DES GRADIENTS POUR MEILLEUR CONTRASTE */
.home-panel,
.contact-form,
.legal-card {
    background: rgba(252, 250, 247, 0.98) !important;
}

/* 12. AMÉLIORER LECTEURS D'ÉCRAN */
.sr-only-focus:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}

/* 13. DÉSACTIVER LES ANIMATIONS SI L'UTILISATEUR LES PRÉFÈRE RÉDUITES */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 14. CONSERVER LE CONTRASTE DE LA PALETTE CLAIRE, MÊME SI LE SYSTÈME EST SOMBRE */
@media (prefers-color-scheme: dark) {
    body {
        color: var(--anthys-black-soft);
    }
    
    .text-secondary {
        color: var(--anthys-text-muted) !important;
    }
}

/* 15. ASSURER LISIBILITÉ SUR PETITS ÉCRANS */
@media (max-width: 768px) {
    .btn,
    .nav-link,
    a.footer-link {
        min-height: 48px; /* Encore plus grand sur mobile */
    }
}