/* --- HEADER DE BASE --- */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* On met un z-index massif pour passer devant tout le reste */
    z-index: 999 !important; 
    transition: background-color 0.3s ease;
}
/* --- ÉTAT AU SCROLL (Semi-transparent, sans flou) --- */
.header.is-scrolled {
    background-color: rgba(255, 255, 255, 0.0) !important; /* Votre COULEUR_SCROLL */
}

/* --- ÉTAT MENU OUVERT (Blanc Opaque) --- */
.header.menu-est-ouvert {
    background-color: #ffffff !important;
}

/* --- LOGO ET BOUTON --- */
.logoo,
.activateurdemenu {
    transition: filter 0.3s ease;
}

/* Par défaut sur l'accueil (Logo blanc) */
.home .logoo,
.home .activateurdemenu {
    filter: brightness(0) invert(1);
}

/* Mode sombre/couleur quand on scrolle ou que le menu est ouvert */
.header.is-scrolled .logoo,
.header.menu-est-ouvert .logoo,
.header.is-scrolled .activateurdemenu,
.header.menu-est-ouvert .activateurdemenu {
    filter: none !important;
}