/*
 * ============================================
 * AMÉLIORATIONS ACCESSIBILITÉ
 * ============================================
 *
 * Correctifs pour améliorer le score d'accessibilité PageSpeed
 * sans dénaturer le design du site
 *
 * Score actuel : 87/100
 * Objectif : 95+/100
 */

/* ============================================
   CONTRASTE DES COULEURS
   ============================================ */

/* Couleur secondaire plus foncée pour meilleur contraste (WCAG AA) */
.text-secondary {
    color: #d4761a !important; /* Au lieu de #e89b4f - ratio de contraste amélioré */
}

/* Links dans les cards blog - améliorer contraste */
.card-style20 a.text-secondary {
    color: #c46715 !important; /* Plus foncé pour contraste sur fond clair */
    font-weight: 600;
}

/* ============================================
   FOOTER - AMÉLIORER VISIBILITÉ DES LIENS
   ============================================ */

/* Link "Vigilance 13" dans le footer - ajouter underline pour identification */
footer .text-secondary.text-white-hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

footer .text-secondary.text-white-hover:hover {
    text-decoration-thickness: 2px;
}

/* ============================================
   AMÉLIORER FOCUS POUR NAVIGATION CLAVIER
   ============================================ */

/* Focus visible pour tous les liens */
a:focus,
button:focus,
.butn:focus {
    outline: 2px solid #e89b4f;
    outline-offset: 2px;
}

/* Focus visible pour navigation */
.navbar-nav a:focus {
    outline: 2px solid #e89b4f;
    outline-offset: 4px;
}

/* ============================================
   NOTES D'IMPLÉMENTATION
   ============================================

   Modifications HTML nécessaires (voir index.html) :
   1. Ajouter balise <main> autour du contenu principal
   2. Changer <h4> de la marquee en <div> pour respecter hiérarchie
   3. Rendre liens "En savoir plus" plus spécifiques avec aria-label
   4. Ajouter aria-label sur liens footer

   Résultats attendus :
   ✅ Contraste amélioré : ratio WCAG AA (4.5:1 minimum)
   ✅ Liens identifiables visuellement (underline)
   ✅ Navigation clavier visible (focus outline)
   ✅ Hiérarchie sémantique respectée
   ✅ Repères de navigation (main landmark)

   Impact design : Minimal
   - Couleur secondaire légèrement plus foncée (différence subtile)
   - Underline ajouté au footer seulement
   - Focus outline visible uniquement au clavier
*/