/* 1. LA BOÎTE DU MENU (FIXED) - CORRIGÉE */
.mon-header-sticky {
    position: fixed !important;
    top: 0;
    
    /* C'est ici que ça se joue pour corriger le décalage : */
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important; /* 100vw = 100% de la largeur de la fenêtre */
    max-width: none !important; /* FORCE le déblocage de la largeur du thème */
    margin-left: 0 !important;  /* Annule les marges automatiques du thème */
    margin-right: 0 !important;
    
    z-index: 9999;
    
    /* Vos réglages de style */
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px; /* Petit espace de sécurité à gauche pour le logo */
    padding-right: 20px; /* Petit espace de sécurité à droite */
    
    background-color: transparent !important; 
    transition: all 0.4s ease;
    
    /* Pour s'assurer que le contenu ne déborde pas */
    box-sizing: border-box; 
}

/* ----------------------------------------------------------- */
/* 2. LE FOND BLANC QUAND ON SCROLLE                           */
/* ----------------------------------------------------------- */
body .mon-header-sticky.scrolled {
    background-color: #ffffff !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); 
    
    /* On réduit un peu la hauteur au scroll pour un effet sympa (optionnel) */
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ----------------------------------------------------------- */
/* 3. COULEUR DU TEXTE (LE POINT CRUCIAL)                      */
/* ----------------------------------------------------------- */

/* On force TOUS les éléments de texte à devenir noirs au scroll */
body .mon-header-sticky.scrolled,
body .mon-header-sticky.scrolled a,
body .mon-header-sticky.scrolled .wp-block-navigation-item__content,
body .mon-header-sticky.scrolled .wp-block-site-title a {
    color: #000000 !important;
    fill: #000000 !important; /* Pour les icônes SVG si vous en avez */
}

/* ----------------------------------------------------------- */
/* 4. MARGE NÉGATIVE (IMAGE)                                   */
/* ----------------------------------------------------------- */
.wp-site-blocks > .wp-block-group:first-child, 
.wp-site-blocks > .wp-block-cover:first-child {
    margin-top: -120px !important; /* Doit correspondre à la hauteur totale du menu */
    padding-top: 120px !important; 
    position: relative;
    z-index: 1; 
}

/* ... Votre code précédent reste ici ... */

/* EXCEPTION POUR LE BOUTON */
/* On cible spécifiquement les boutons WordPress dans l'en-tête scrollé */
body .mon-header-sticky.scrolled .wp-block-button__link {
    
    /* 1. Mettre ici la couleur du texte de votre bouton (ex: Blanc) */
    color: #ffffff !important; 
    
    /* 2. (Optionnel) Si vous voulez aussi forcer la couleur de FOND du bouton */
    /* background-color: #ff0000 !important; */
    
    /* 3. (Optionnel) Si vous voulez forcer la couleur de la BORDURE du bouton */
    /* border-color: #ffffff !important; */
}