/**
 * Corrections d'accessibilité RGAA pour le site principal
 * Ratio de contraste minimum : 4.5:1 (niveau AA)
 * 
 * Problèmes corrigés :
 * - Liens navbar : gris sur fond transparent (~4:1 insuffisant)
 * - Bouton "Espace Sécurisé" : blanc sur blanc transparent (~1:1)
 * - Logo CA : toujours en vert (cohérence visuelle)
 */



/* Alternative : si vous avez un logo vert, décommentez et adaptez :
.main-header .navbar-brand.logo img {
    content: url('/assets/img/logo-green.png') !important;
}
*/

/* =====================================================
   NAVBAR - FOND SOLIDE POUR GARANTIR LE CONTRASTE
   ===================================================== */

/* Ajouter un fond au header pour garantir le contraste */
.main-header.header-transparent {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* =====================================================
   LIENS DE NAVIGATION - Texte foncé sur fond clair
   ===================================================== */

.main-header .navbar-expand-md .navbar-nav .nav-link {
    color: #1a1a1a !important; /* Noir - ratio ~18:1 sur blanc */
    font-weight: 600 !important;
}

.main-header .navbar-expand-md .navbar-nav .nav-link:hover,
.main-header .navbar-expand-md .navbar-nav .nav-link:focus {
    color: #005a6a !important; /* Vert CA au hover */
}

/* Sticky header - même traitement */
.main-header.sticky-header .navbar-expand-md .navbar-nav .nav-link,
.main-header-2.sticky-header .navbar-expand-md .navbar-nav .nav-link,
.header-shrink .navbar-expand-md .navbar-nav .nav-link {
    color: #1a1a1a !important;
}

/* Text-color variant */
.main-header.text-color .navbar-expand-md .navbar-nav .nav-link {
    color: #1a1a1a !important;
}

/* =====================================================
   BOUTON "ESPACE SÉCURISÉ" - Fond foncé + texte blanc
   ===================================================== */

.main-header .navbar-expand-md .navbar-nav .link-color {
    background: #005a6a !important; /* Fond vert CA foncé */
    color: #ffffff !important; /* Texte blanc */
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 14px !important;
    box-shadow: 0 2px 8px rgba(0, 90, 106, 0.3) !important;
    transition: all 0.3s ease !important;
}

.main-header .navbar-expand-md .navbar-nav .link-color:hover,
.main-header .navbar-expand-md .navbar-nav .link-color:focus {
    background: #004553 !important; /* Plus foncé au hover */
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 90, 106, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* Icône du cadenas */
.main-header .navbar-expand-md .navbar-nav .link-color i,
.main-header .navbar-expand-md .navbar-nav .link-color .fa {
    color: #ffffff !important;
}

/* Variantes pour sticky et text-color */
.main-header.text-color .link-color,
.main-header.sticky-header .navbar-expand-md .navbar-nav .link-color,
.header-shrink .navbar-expand-md .navbar-nav .link-color {
    background: #005a6a !important;
    color: #ffffff !important;
}

.main-header.text-color .link-color:hover,
.main-header.sticky-header .navbar-expand-md .navbar-nav .link-color:hover,
.header-shrink .navbar-expand-md .navbar-nav .link-color:hover {
    background: #004553 !important;
    color: #ffffff !important;
}

/* =====================================================
   MENUS DÉROULANTS
   ===================================================== */

.main-header .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

.main-header .dropdown-menu a,
.main-header .dropdown-menu .dropdown-item {
    color: #1a1a1a !important;
}

.main-header .dropdown-menu a:hover,
.main-header .dropdown-menu a:focus,
.main-header .dropdown-menu .dropdown-item:hover,
.main-header .dropdown-menu .dropdown-item:focus {
    color: #005a6a !important;
    background-color: #f0fdfa !important;
}

/* =====================================================
   FOCUS VISIBLE - Accessibilité clavier
   ===================================================== */

.main-header .navbar-nav .nav-link:focus-visible {
    outline: 3px solid #005a6a !important;
    outline-offset: 3px !important;
    border-radius: 4px !important;
}

.main-header .navbar-nav .link-color:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px rgba(0, 90, 106, 0.5) !important;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 991.98px) {
    .main-header .navbar-expand-md .navbar-nav .nav-link {
        color: #1a1a1a !important;
        padding: 15px 20px !important;
        border-bottom: 1px solid #e2e8f0 !important;
    }
    
    .main-header .navbar-expand-md .navbar-nav .link-color {
        margin: 15px !important;
        text-align: center !important;
        display: block !important;
    }
    
    .main-header .collapse.navbar-collapse {
        background: #ffffff !important;
        padding: 10px 0 !important;
        border-radius: 0 0 8px 8px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    }
}

/* =====================================================
   CONTRASTE GARANTI AU SCROLL
   ===================================================== */

.main-header.header-shrink,
.main-header.sticky-header.scrolled {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* =====================================================
   LIENS D'ACCÈS RAPIDE (SKIP LINKS) - RGAA
   Ces liens permettent aux utilisateurs de clavier
   et de lecteurs d'écran de naviguer rapidement
   ===================================================== */

/* Conteneur des skip links */
.skip-links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
}

.skip-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.skip-links li {
    margin: 0;
    padding: 0;
}

/* Liens cachés par défaut, visibles au focus */
.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -1;
    
    /* Styles visuels */
    background-color: #005a6a;
    color: #ffffff !important;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: none; /* Pas de transition pour apparition immédiate */
}

/* Apparition au focus */
.skip-link:focus {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
    overflow: visible;
    z-index: 999999;
    outline: 3px solid #ffffff;
    outline-offset: -3px;
}

/* Hover sur le lien visible */
.skip-link:hover,
.skip-link:focus:hover {
    background-color: #004552;
    color: #ffffff !important;
    text-decoration: underline;
}

/* Animation subtile */
@keyframes skipLinkAppear {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.skip-link:focus {
    animation: skipLinkAppear 0.15s ease-out;
}

/* =====================================================
   SUB-BANNER - CONTRASTE TITRE H1 RGAA
   ===================================================== */

/* Remplacer l'image de fond par un dégradé accessible */
.sub-banner {
    background: linear-gradient(135deg, #005a6a 0%, #007d8f 50%, #004552 100%) !important;
}

/* Variante petite pour l'espace sécurisé */
.sub-banner.sub-banner-small {
    height: 81px !important;
}

/* Supprimer complètement l'overlay sombre */
.sub-banner::before {
    display: none !important;
    content: none !important;
    background: transparent !important;
    opacity: 0 !important;
}

/* Titre blanc sur fond dégradé vert - contraste garanti 5.9:1 */
.sub-banner .breadcrumb-area h1 {
    color: #ffffff !important;
}

/* =====================================================
   ACCORDÉONS - ICÔNE CHEVRON BLANCHE
   ===================================================== */

/* L'icône chevron doit rester blanche sur fond coloré */
.accordion-icon .icon-chevron {
    color: #ffffff !important;
    stroke: #ffffff !important;
}