//* Effet hover simple */
.img-hover {
  transition: transform 0.3s ease, filter 0.3s ease;
}
.img-hover:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

/* Effet plus avancé */
.img-effect {
  transition: transform 0.4s ease, filter 0.4s ease;
}
.img-effect:hover {
  transform: scale(1.08) rotate(2deg);
  filter: grayscale(20%) brightness(1.2);
nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: white;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

/* Pour éviter que le contenu passe sous le menu */
body {
    padding-top: 70px;
}
nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    background-color: #ffffff !important;  /* blanc opaque */
    opacity: 1 !important;                 /* empêche toute transparence */
    backdrop-filter: none !important;      /* supprime l'effet verre dépoli */

    z-index: 9999;
}
body {
    padding-top: 70px; /* adapte selon la hauteur du menu */
}
nav, 
nav * {
    background-color: #ffffff !important; /* blanc opaque */
    opacity: 1 !important;               /* opacité totale */
    backdrop-filter: none !important;     /* supprime toute transparence floutée */
    -webkit-backdrop-filter: none !important;
}
nav {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
nav {
    position: fixed !important;
    width: 100%;
    background-color: #ffffff !important;
    mix-blend-mode: normal !important;
    isolation: isolate !important;   /* empêche l'interaction avec le slider */
    z-index: 99999 !important;
}
.slider, 
.slider * {
    mix-blend-mode: normal !important;
}
/* Annule les effets de transparence ou de fusion du bloc Cover */
.wp-block-cover,
.wp-block-cover * {
    mix-blend-mode: normal !important;
}

/* Empêche le menu d'être affecté par les blocs en dessous (Gutenberg) */
nav {
    isolation: isolate !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    z-index: 99999 !important;
}
/* Empêcher Gutenverse d'appliquer de la transparence ou du blend via ses sections */
.gutenverse-section,
.gutenverse-section * {
    mix-blend-mode: normal !important;
    opacity: 1 !important; 
}

/* Certaines sections Gutenverse utilisent un wrapper supplémentaire */
.gutenverse-hero,
.gutenverse-hero * {
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

/* Réparer définitivement le menu */
nav, 
nav * {
    background-color: #ffffff !important; /* blanc opaque */
    mix-blend-mode: normal !important; 
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    isolation: isolate !important;   /* très important */
    z-index: 99999 !important;
}
/* Neutralise les effets visuels du slider Gutenverse */
.gutenverse-section,
.gutenverse-section *,
.gutenverse-hero,
.gutenverse-hero * {
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Forcer l'opacité totale du header */
.site-header,
.site-header * {
    background-color: #ffffff !important; /* blanc opaque */
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Empêcher TOUT mélange avec le slider derrière */
.site-header {
    position: fixed;   /* si ton menu est fixe */
    width: 100%;
    isolation: isolate !important;   /* stoppe le mélange visuel */
    z-index: 999999 !important;
}
/* ------------------------
   Fix définitif pour le header (couvre .site-header et .header)
   ------------------------ */

.site-header,
.header,
.main-header,
#site-header,
.gutenverse-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;

  background-color: #ffffff !important; /* opaque */
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;        /* empêche tout mélange avec l'arrière-plan */
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: translateZ(0);             /* crée un contexte d'empilement propre */
  will-change: transform, opacity;
  z-index: 999999 !important;
}

/* enfants et pseudo-éléments du header (très important) */
.site-header *,
.header *,
.main-header *,
#site-header *,
.gutenverse-header *,
.site-header::before,
.site-header::after,
.header::before,
.header::after,
#site-header::before,
#site-header::after {
  background-color: transparent !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Neutralise les effets de Gutenverse / slider en dessous */
.gutenverse-section,
.gutenverse-section *,
.gutenverse-hero,
.gutenverse-hero *,
.gutenverse-slider,
.gutenverse-slider * {
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
}

/* Optionnel : test visuel temporaire pour vérifier quel élément est le header
   (retire ou commente ces 3 lignes une fois le problème résolu) */
/*
.site-header, .header { outline: 3px solid rgba(255,0,0,0.6) !important; }
*/
/* Empêche le header d'être masqué par un script ou une interaction */
.site-header,
.header,
.gutenverse-header,
#site-header {
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
    transform: none !important; /* utile si le menu est déplacé */
}

/* Tous les enfants aussi (certains scripts appliquent l'opacité sur les inner elements) */
.site-header *,
.header *,
.gutenverse-header *,
#site-header * {
    opacity: 1 !important;
    visibility: visible !important;
}
/* Forcer le header à rester visible */
.site-header,
.header,
.gutenverse-header,
#site-header {
    opacity: 1 !important;        /* header pleinement visible */
    display: block !important;    /* ne jamais cacher le header */
    visibility: visible !important; 
    z-index: 99999 !important;    /* au-dessus de tous les éléments */
    position: fixed !important;   /* si tu veux qu'il reste collé en haut */
    width: 100% !important;
    isolation: isolate !important; /* empêche l’effet de mélange avec le slider */
}