/*
 * Styles CSS globaux pour l'En-tête et les Menus
 * Correction de la superposition et de la couleur du texte du menu pour Astra.
 */

/* ====================================
   0. CORRECTION DE LA SUPERPOSITION 
      (Décalage du premier bloc de contenu APRES l'en-tête)
   ==================================== */

/*
   Ceci cible le premier bloc de contenu sur la page d'accueil et le décale vers le bas. 
   
   ⚠️ AJUSTEMENT CRUCIAL : Ces lignes sont désormais COMMENTÉES.
   Si votre EN-TÊTE EST FIXE, vous devez DÉCOMMENTER les lignes ci-dessous et ajuster la valeur '75px'.
   Si votre EN-TÊTE N'EST PAS FIXE, laissez-les COMMENTÉES.
*/
/* .entry-content > div:first-child, /* Cible le premier div de contenu */
/* #primary-header-wrap + * { /* Cible l'élément qui suit l'en-tête */
/* margin-top: 75px !important; */
/* } */


/* ====================================
   1. EN-TÊTE PRINCIPAL (Arrière-plan en Blanc Cassé)
   ==================================== */
/* Cible les conteneurs principaux de l'en-tête d'Astra et le rend opaque. */
#masthead,
.main-header-bar,
.ast-desktop .main-header-bar {
    /* Couleur de fond en Blanc Cassé */
    background-color: #F8F8F8 !important; 
    /* S'assure qu'il n'y a pas de transparence ni de superposition */
    z-index: 99999 !important; /* Priorité maximale */
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); 
}


/* ====================================
   2. TEXTE ET LIENS DU MENU PRINCIPAL (Bleu Marine - FIX)
   ==================================== */

/* Cible les liens du menu principal avec une spécificité élevée pour forcer le Bleu Marine */
.main-header-menu .menu-item a,
.main-header-menu .menu-item a:visited,
.ast-builder-menu-element .main-header-menu > .menu-item > a,
.ast-builder-menu-element .main-header-menu > .menu-item > a:visited,
.ast-primary-header-bar .main-header-menu a,
.ast-builder-menu-element .main-header-menu > .menu-item > a:link { 
    color: #0B4F6C !important;
    font-weight: 600 !important; 
    transition: color 0.3s ease;
}

/* Effet au survol (hover) sur les liens du menu principal */
.main-header-menu .menu-item a:hover,
.main-header-menu .menu-item:hover > a {
    color: #FFC300 !important; /* Jaune/Or pour le survol */
}


/* ====================================
   3. SOUS-MENUS (Sous-points)
   ==================================== */

/* Texte et liens dans les sous-menus (en Bleu Marine) */
.sub-menu .menu-item a {
    color: #0B4F6C !important;
    font-weight: 400;
}

/* Arrière-plan des sous-menus (les boîtes déroulantes) */
.sub-menu {
    background-color: #FFFFFF !important; 
    border: 1px solid #EEEEEE;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Effet au survol des liens dans les sous-menus */
.sub-menu .menu-item a:hover {
    background-color: #F8F8F8 !important; 
    color: #FFC300 !important; 
}


/* ====================================
   4. Icônes (Recherche, Compte, Menu Mobile)
   ==================================== */

/*
 * REQUÊTE MEDIA : Ces styles ne s'appliquent que sur les écrans de petite taille (mobile et tablette)
 * La rupture de 768px est courante. Ajustez si Astra utilise une valeur différente.
 */
@media (max-width: 768px) {
    /* Force la couleur des icônes en Bleu Marine */
    .ast-site-header-cart-data, 
    .ast-builder-search-icon, 
    .ast-builder-menu-mobile .ast-menu-toggle {
        color: #0B4F6C !important;
    }

    /* Cible spécifiquement l'icône du menu hamburger sur mobile */
    .ast-builder-menu-mobile .ast-menu-toggle .menu-toggle-icon {
        /* Couleur de l'icône elle-même */
        color: #0B4F6C !important; 
    }

    /* Assure la couleur correcte pour les lignes de l'icône hamburger */
    .ast-builder-menu-mobile .ast-menu-toggle .menu-toggle-icon .ast-button-svg {
        fill: #0B4F6C !important; /* Pour les icônes SVG */
    }

    /* Assure que l'icône conserve la couleur même au survol/focus */
    .ast-builder-menu-mobile .ast-menu-toggle:hover .menu-toggle-icon,
    .ast-builder-menu-mobile .ast-menu-toggle:focus .menu-toggle-icon {
        color: #FFC300 !important; /* Peut-être Jaune pour l'effet de survol */
    }
}