/* 1. Fond du header en blanc */
.container-header, .header {
    background-color: #afeeee !important;
    background-image: none !important; /* Enlève d'éventuels dégradés */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Ajoute une légère ombre pour décoller du fond blanc */
}

/* 2. Couleur de la police (Noir) */
.container-header .nav-link, 
.container-header .navbar-brand,
.container-header .burger-icon {
    color: #000000 !important;
}

/* 3. Couleur au survol (Gris foncé ou bleu au passage de la souris) */
.container-header .nav-link:hover {
    color: #555555 !important;
    text-decoration: underline;
}

/* 4. Gestion du logo texte si nécessaire */
.site-title {
    color: #000000 !important;
}
/* FORCE LE FOND EN BLANC */
header.header, 
.container-header, 
.navbar {
    background-color: #87cefa !important;
    background-image: none !important;
}

/* FORCE TOUT LE TEXTE DU MENU EN NOIR */
header.header a, 
header.header .nav-link, 
header.header .navbar-brand, 
header.header .mod-menu__link,
.container-header .nav-item a {
    color: #000000 !important;
/* 1. MISE À ZÉRO DU HEADER */
.header, .container-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    background-color: #ffffff !important;
}

/* 2. RÉDUCTION DU MENU NAV (La barre de navigation) */
.navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 3. RÉDUCTION DE LA HAUTEUR DES LIENS (C'est souvent ça qui bloque) */
.header .nav-link {
    padding-top: 10px !important;    /* Ajuste ce chiffre pour la hauteur globale */
    padding-bottom: 10px !important; /* Ajuste ce chiffre pour la hauteur globale */
    line-height: 1.2 !important;
    color: #000000 !important;
}

/* 4. TAILLE DU LOGO - ÉVITE QU'IL NE FORCE LA HAUTEUR */
.header .navbar-brand img {
    max-height: 35px !important; /* Teste avec 35px pour un menu très fin */
    width: auto !important;
    margin: 5px 0 !important;
}

/* 5. SUPPRESSION DES MARGES DU TITRE SI TEXTE */
.navbar-brand {
    margin: 0 !important;
    padding: 0 !important;
    color: #000000 !important;
}
/* FORCE LE MENU À RESTER EN HAUT */
header.header {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 1020 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* ÉVITE QUE LE CONTENU DU SITE NE PASSE SOUS LE MENU FIXE */
body {
    padding-top: 70px !important; /* Ajuste cette valeur selon la hauteur de ton menu */
}

/* FORCE LE FOND BLANC ET TEXTE NOIR (Au cas où) */
.container-header, .navbar {
    background: #ffffff !important;
}

.nav-link {
    color: #000000 !important;
}