/* ======================================================
   ISO HEADER — GLOBAL (ALL PAGES)
   - Overlay glass
   - 3 zones : logo gauche / nav centrée / bouton droite
   - Compatible StartAce (inner-container)
   ====================================================== */

/* Fix liseré blanc */

html,
body {
  overflow-x: hidden;
}

/* ======================================================
   HEADER : toutes les pages
   ====================================================== */

.iso-header,
.iso-headercontact,
.iso-headerapropos,
.iso-headerservices {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  z-index: 99999 !important;
  background-color: rgba(16, 19, 35, 0.30) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 6px 24px rgba(0,0,0,0.14);
  height: 85px;
  /* 🔧 hauteur FIXE du header */
  padding: 0 !important;
  /* empêche le header de grandir */
}

/* ======================================================
   CONTENEUR INTERNE (StartAce)
   ====================================================== */

.iso-header > .wp-block-group__inner-container,
.iso-headercontact > .wp-block-group__inner-container,
.iso-headerapropos > .wp-block-group__inner-container,
.iso-headerservices > .wp-block-group__inner-container {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  height: 100%;
}

/* ======================================================
   LOGO (gauche)
   ====================================================== */

.iso-header .wp-block-site-logo,
.iso-headercontact .wp-block-site-logo,
.iso-headerapropos .wp-block-site-logo,
.iso-headerservices .wp-block-site-logo {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.iso-header .wp-block-site-logo img,
.iso-headercontact .wp-block-site-logo img,
.iso-headerapropos .wp-block-site-logo img,
.iso-headerservices .wp-block-site-logo img {
  max-height: 150px;
  /* 🔧 taille du logo */
  width: auto;
}

/* ======================================================
   NAVIGATION (centrée AU VRAI CENTRE)
   ====================================================== */

.iso-header .iso-nav,
.iso-headercontact .iso-nav,
.iso-headerapropos .iso-nav,
.iso-headerservices .iso-nav,
.iso-header .wp-block-navigation,
.iso-headercontact .wp-block-navigation,
.iso-headerapropos .wp-block-navigation,
.iso-headerservices .wp-block-navigation {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
}

/* ======================================================
   BOUTON DEVIS (droite)
   ====================================================== */

.iso-header .iso-boutondevis,
.iso-headercontact .iso-boutondevis,
.iso-headerapropos .iso-boutondevis,
.iso-headerservices .iso-boutondevis,
.iso-header .wp-block-buttons,
.iso-headercontact .wp-block-buttons,
.iso-headerapropos .wp-block-buttons,
.iso-headerservices .wp-block-buttons {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
}

/* ======================================================
   TEXTE BLANC
   ====================================================== */

.iso-header a,
.iso-headercontact a,
.iso-headerapropos a,
.iso-headerservices a,
.iso-header span,
.iso-headercontact span,
.iso-headerapropos span,
.iso-headerservices span {
  color: #ffffff !important;
}

/* ======================================================
   COMPENSATION DU HEADER SUR LE CONTENU
   ====================================================== */

main,
.wp-site-blocks > main {
  padding-top: 96px !important;
}

/* ======================================================
   SOUS-MENUS WORDPRESS — NEUTRAL GLASS (SANS VIOLET)
   ====================================================== */

/* 1) Parent */

.wp-block-navigation .wp-block-navigation-item.has-child {
  position: relative !important;
}

/* 2) Container du sous-menu (inchangé) */

.wp-block-navigation .wp-block-navigation__submenu-container {
  position: absolute !important;
  left: 50% !important;
  top: 53px !important;
  transform: translateX(-50%) translateY(10px) !important;
  z-index: 999999 !important;
  min-width: 280px !important;
  padding: 10px !important;
  margin: 0 !important;
  background-color: rgba(16, 19, 35, 0.30) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.22) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

/* 3) Visible au survol */

.wp-block-navigation .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container,
.wp-block-navigation .wp-block-navigation__submenu-container:hover {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* 4) Nettoyage fonds internes */

.wp-block-navigation .wp-block-navigation__submenu-container * {
  background: transparent !important;
}

/* 5) Éléments du sous-menu — GRIS NEUTRE */

.wp-block-navigation .wp-block-navigation__submenu-container a,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  display: block !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  /* ✅ GRIS NEUTRE → PAS DE VIOLET */
  background-color: rgba(70, 70, 70, 0.48) !important;
  /* ✅ saturation réduite */
  backdrop-filter: blur(18px) saturate(105%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(105%) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.35) !important;
  transition: background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

/* 6) Hover — contraste net, toujours neutre */

.wp-block-navigation .wp-block-navigation__submenu-container a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  background-color: rgba(95, 95, 95, 0.65) !important;
  border-color: rgba(255,255,255,0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14),
    0 6px 16px rgba(0,0,0,0.30) !important;
  transform: translateX(2px);
}

/* ======================================================
   ZONE TAMPON (anti-fermeture)
   - agrandit la zone de hover entre le lien et le sous-menu
   ====================================================== */

/* Parent = ancre + zone de détection étendue */

.wp-block-navigation .wp-block-navigation-item.has-child {
  position: relative !important;
  /* déjà chez toi, je le laisse pour être sûr */
}

/* Zone invisible sous "Votre secteur" qui garde le hover */

.wp-block-navigation .wp-block-navigation-item.has-child::after {
  content: "";
  position: absolute;
  left: -24px;
  /* élargit un peu la zone */
  right: -24px;
  /* élargit un peu la zone */
  top: 100%;
  /* commence juste sous le lien */
  height: 70px;
  /* ✅ HAUTEUR DE LA ZONE (augmente si besoin) */
  background: transparent;
  pointer-events: auto;
  /* important : la zone capte la souris */
}

/* IMPORTANT : le sous-menu doit rester cliquable */

.wp-block-navigation .wp-block-navigation__submenu-container {
  pointer-events: none !important;
  /* chez toi: ok au repos */
}

.wp-block-navigation .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container,
.wp-block-navigation .wp-block-navigation__submenu-container:hover {
  pointer-events: auto !important;
  /* cliquable quand ouvert */
}

/* ============================
   ISO — Grand titre plein cadre
   ============================ */

.iso-grandtitre {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Cas bloc Bannière (Cover Gutenberg) */

.iso-grandtitre.wp-block-cover {
  min-height: 100%;
}

/* Image de fond = plein cadre */

.iso-grandtitre .wp-block-cover__image-background {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Supprime les espacements internes */

.iso-grandtitre .wp-block-cover__inner-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* Si le thème impose une largeur max */

.iso-grandtitre {
  max-width: 100% !important;
}

/* =========================================
   ISO CARDS — Avant / Après (opacité + zoom)
   
   ========================================= */

/* Base cartes ISO */

.iso-card9001,
.iso-card14001,
.iso-card22301,
.iso-card27001,
.iso-card42001,
.iso-card45001 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  transform: scale(1);
  transition: transform 0.8s ease;
}

/* Overlay = opacité AVANT */

.iso-card9001::before,
.iso-card14001::before,
.iso-card22301::before,
.iso-card27001::before,
.iso-card42001::before,
.iso-card45001::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 1);
  /* neutre */
  opacity: 0.45;
  /* ✅ AVANT */
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.8s ease;
}

/* Hover = opacité APRÈS + zoom */

.iso-card9001:hover,
.iso-card14001:hover,
.iso-card22301:hover,
.iso-card27001:hover,
.iso-card42001:hover,
.iso-card45001:hover {
  transform: scale(1.025);
}

.iso-card9001:hover::before,
.iso-card14001:hover::before,
.iso-card22301:hover::before,
.iso-card27001:hover::before,
.iso-card42001:hover::before,
.iso-card45001:hover::before {
  opacity: 0.60;
  /* ✅ APRÈS */
}

/* Contenu au-dessus */

.iso-card9001 > *,
.iso-card14001 > *,
.iso-card22301 > *,
.iso-card27001 > *,
.iso-card42001 > *,
.iso-card45001 > * {
  position: relative;
  z-index: 2;
}

/* ============================
   ISO — Boutons "blink" (ALL)
   ============================ */

.iso-bouton9001 .wp-element-button,
.iso-bouton14001 .wp-element-button,
.iso-bouton22301 .wp-element-button,
.iso-bouton27001 .wp-element-button,
.iso-bouton42001 .wp-element-button,
.iso-bouton45001 .wp-element-button,
.header-bouton .wp-element-button,
a.iso-bouton9001.wp-element-button,
a.iso-bouton14001.wp-element-button,
a.iso-bouton22301.wp-element-button,
a.iso-bouton27001.wp-element-button,
a.iso-bouton42001.wp-element-button,
a.header-bouton.wp-element-button,
a.iso-bouton45001.wp-element-button {
  background-color: rgb(31, 120, 121) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px;
  transition: background-color 420ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 420ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover / Focus */

.iso-bouton9001 .wp-element-button:hover,
.iso-bouton14001 .wp-element-button:hover,
.iso-bouton22301 .wp-element-button:hover,
.iso-bouton27001 .wp-element-button:hover,
.iso-bouton42001 .wp-element-button:hover,
.iso-bouton45001 .wp-element-button:hover,
.header-bouton .wp-element-button:hover,
a.iso-bouton9001.wp-element-button:hover,
a.iso-bouton14001.wp-element-button:hover,
a.iso-bouton22301.wp-element-button:hover,
a.iso-bouton27001.wp-element-button:hover,
a.iso-bouton42001.wp-element-button:hover,
a.iso-bouton45001.wp-element-button:hover,
a.header-bouton.wp-element-button:hover,
.iso-bouton9001 .wp-element-button:focus,
.iso-bouton14001 .wp-element-button:focus,
.iso-bouton22301 .wp-element-button:focus,
.iso-bouton27001 .wp-element-button:focus,
.iso-bouton42001 .wp-element-button:focus,
.iso-bouton45001 .wp-element-button:focus,
.header-bouton .wp-element-button:focus,
a.iso-bouton9001.wp-element-button:focus,
a.iso-bouton14001.wp-element-button:focus,
a.iso-bouton22301.wp-element-button:focus,
a.iso-bouton27001.wp-element-button:focus,
a.iso-bouton42001.wp-element-button:focus,
a.header-bouton.wp-element-button:focus,
a.iso-bouton45001.wp-element-button:focus {
  background-color: rgb(71, 171, 173) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(31, 120, 121, 0.30);
}

/* ============================
   ISO WHY US — Fond image only
   Classe : iso-whyus
   ============================ */

/* 1) Taille / hauteur du bloc */

.iso-whyus.wp-block-cover,
.iso-whyus .wp-block-cover,
.iso-whyus {
  min-height: 600px;
  /* 🔧 augmente si tu veux plus haut */
  padding: clamp(44px, 6vw, 84px);
  /* 🔧 espace intérieur */
  position: relative;
  overflow: hidden;
}

/* 2) Overlay couleur + opacité (au-dessus de l'image) */

.iso-whyus.wp-block-cover::before,
.iso-whyus .wp-block-cover::before,
.iso-whyus::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(16, 84, 86, 0.72);
  /* 🔧 couleur + opacité */
  z-index: 1;
  pointer-events: none;
}

/* 3) Image de fond (optionnel : rendu plus "cinéma") */

.iso-whyus.wp-block-cover .wp-block-cover__image-background,
.iso-whyus .wp-block-cover .wp-block-cover__image-background {
  transform: scale(1.05);
  /* 🔧 léger zoom */
  filter: saturate(1.05) contrast(1.05);
}

/* 4) Remet le contenu au-dessus de l'overlay */

.iso-whyus.wp-block-cover > .wp-block-cover__inner-container,
.iso-whyus .wp-block-cover > .wp-block-cover__inner-container,
.iso-whyus > * {
  position: relative;
  z-index: 2;
}

/* ======================================================
   ISO STATS 1 — Overlay couleur au hover
   ====================================================== */

.iso-stats1 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

/* Overlay par défaut */

.iso-stats1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(16, 84, 86, 0.90);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Overlay hover : couleur claire */

.iso-stats1::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(31, 120, 121, 1);
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1);
}

.iso-stats1:hover::before {
  opacity: 0;
}

.iso-stats1:hover::after {
  opacity: 1;
}

.iso-stats1 > * {
  position: relative;
  z-index: 3;
}

.iso-stats1 {
  transition: transform 900ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.iso-stats1:hover {
  transform: scale(1.025);
}

/* Bouton */

.iso-bouton-stats1 .wp-element-button,
a.iso-bouton-stats1.wp-element-button {
  background-color: rgb(31, 120, 121) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px;
  transition: background-color 420ms cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 420ms cubic-bezier(0.4, 0, 0.2, 1);
}

.iso-bouton-stats1 .wp-element-button:hover,
a.iso-bouton-stats1.wp-element-button:hover,
.iso-bouton-stats1 .wp-element-button:focus,
a.iso-bouton-stats1.wp-element-button:focus {
  background-color: rgb(31, 120, 121) !important;
  box-shadow: 0 6px 18px rgba(31, 120, 121, 1);
}

/* ======================================================
   ISO STATS 2 — identique
   ====================================================== */

.iso-stats2 {
  all: unset;
}

.iso-stats2 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.iso-stats2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(16,84,86,0.90);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: opacity 1000ms cubic-bezier(0.4,0,0.2,1);
}

.iso-stats2::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(31,120,121,1);
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1000ms cubic-bezier(0.4,0,0.2,1);
}

.iso-stats2:hover::before {
  opacity: 0;
}

.iso-stats2:hover::after {
  opacity: 1;
}

.iso-stats2 > * {
  position: relative;
  z-index: 3;
}

.iso-stats2 {
  transition: transform 900ms cubic-bezier(0.4,0,0.2,1);
}

.iso-stats2:hover {
  transform: scale(1.025);
}

.iso-bouton-stats2 .wp-element-button,
a.iso-bouton-stats2.wp-element-button {
  background-color: rgb(31,120,121)!important;
  color: #fff!important;
  border: none!important;
  border-radius: 999px;
  transition: background-color 420ms cubic-bezier(0.4,0,0.2,1),box-shadow 420ms cubic-bezier(0.4,0,0.2,1);
}

.iso-bouton-stats2 .wp-element-button:hover,
a.iso-bouton-stats2.wp-element-button:hover {
  background-color: rgb(31,120,121)!important;
  box-shadow: 0 6px 18px rgba(31,120,121,1);
}

/* ======================================================
   ISO STATS 3 — identique
   ====================================================== */

.iso-stats3 {
  all: unset;
}

.iso-stats3 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.iso-stats3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(16,84,86,0.90);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: opacity 1000ms cubic-bezier(0.4,0,0.2,1);
}

.iso-stats3::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(31,120,121,1);
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1000ms cubic-bezier(0.4,0,0.2,1);
}

.iso-stats3:hover::before {
  opacity: 0;
}

.iso-stats3:hover::after {
  opacity: 1;
}

.iso-stats3 > * {
  position: relative;
  z-index: 3;
}

.iso-stats3 {
  transition: transform 900ms cubic-bezier(0.4,0,0.2,1);
}

.iso-stats3:hover {
  transform: scale(1.025);
}

.iso-bouton-stats3 .wp-element-button,
a.iso-bouton-stats3.wp-element-button {
  background-color: rgb(31,120,121)!important;
  color: #fff!important;
  border: none!important;
  border-radius: 999px;
  transition: background-color 420ms cubic-bezier(0.4,0,0.2,1),box-shadow 420ms cubic-bezier(0.4,0,0.2,1);
}

.iso-bouton-stats3 .wp-element-button:hover,
a.iso-bouton-stats3.wp-element-button:hover {
  background-color: rgb(31,120,121)!important;
  box-shadow: 0 6px 18px rgba(31,120,121,1);
}

.wp-block-group.has-text-color.has-link-color.wp-elements-43142add9d94bfb1c6646a24082b69a0.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-fdc308a0.wp-block-group-is-layout-flex {
  height: 85px;
}

.wp-block-group.has-text-color.has-link-color.wp-elements-0fe9d770ec90d1a3faee8bdb6248084a.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-fdc308a0.wp-block-group-is-layout-flex {
  height: 85px;
}

/* ======================================================
   CONTACT UNIQUEMENT (page-id-15)
   - Supprime le fond fantôme sous le header
   - Laisse l’image visible derrière
   - Ne touche PAS au footer
   ====================================================== */

/* MAIN sans couleur */

body.page-id-15 .wp-site-blocks > main,
body.page-id-15 main {
  background: transparent !important;
}

/* On empêche tout fond ajouté par le thème */

body.page-id-15 .wp-site-blocks > main * {
  background-color: transparent;
}

/* Le footer reste intact */

body.page-id-15 footer,
body.page-id-15 .wp-site-blocks > footer,
body.page-id-15 .wp-block-template-part.area-footer {
  background: unset !important;
}

/* ===== FOOTER - Responsive global ===== */

/* Le footer prend toute la largeur */

footer,
.wp-site-blocks > footer,
.wp-block-template-part[area="footer"] {
  width: 100%;
  max-width: 100%;
}

/* Empêche tout élément du footer de dépasser */

footer * {
  max-width: 100%;
}

/* Images/logos du footer */

footer img {
  height: auto;
  max-width: 100%;
}

/* Sur mobile : on force les colonnes à se mettre en 1 colonne */

@media (max-width: 782px) {
  /* Colonnes WordPress => stack */

  footer .wp-block-columns {
    flex-direction: column !important;
  }

  footer .wp-block-column {
    width: 100% !important;
  }

  /* Groupes en flex => wrap + largeur pleine */

  footer .wp-block-group.is-layout-flex {
    flex-wrap: wrap !important;
  }

  /* Espacements plus confortables */

  footer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* =========================================
   EFFET SECTEURS – opacité + zoom au hover
   ========================================= */

.secteur-image-industrie img,
.secteur-image-conseil img,
.secteur-image-it img,
.secteur-image-agri img,
.secteur-image-logis img,
.secteur-image-assurance img {
  opacity: 0.9;
  /* image assombrie par défaut */
  transform: scale(1);
  transition: transform 0.4s ease,
    opacity 0.4s ease;
}

.secteur-image-industrie:hover img,
.secteur-image-conseil:hover img,
.secteur-image-it:hover img,
.secteur-image-agri:hover img,
.secteur-image-logis:hover img,
.secteur-image-assurance:hover img {
  opacity: 1;
  /* image plus claire au hover */
  transform: scale(1.05);
  /* zoom léger */
}

/* ===== HEADER MOBILE : LOGO GAUCHE / BOUTON DROITE / CENTRÉS ===== */

@media (max-width: 768px) {
  /* 1) Conteneur du header : une ligne, centrée */

  header,
  .wp-site-header,
  .site-header {
    display: flex !important;
    align-items: center !important;
    /* centrage vertical */
    justify-content: space-between !important;
    /* gauche / droite */
    padding: 10px 14px !important;
    min-height: 64px !important;
  }

  /* 2) LOGO : fixé à gauche */

  .is-style-default {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    max-width: 110px !important;
  }

  .is-style-default img {
    display: block !important;
    max-width: 110px !important;
    height: auto !important;
  }
}

/* ===== Masquer le CTA header sur mobile (version robuste) ===== */

@media (max-width: 768px) {
  /* Cas 1 : header-bouton est une classe sur un conteneur */

  .header-bouton {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Cas 2 : header-bouton est une classe directement sur le lien/bouton */

  a.header-bouton,
  button.header-bouton,
  .wp-element-button.header-bouton {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Cas 3 : header-bouton est un ID (#header-bouton) */

  #header-bouton {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Cas 4 : la classe est sur un parent, on force aussi les enfants */

  .header-bouton * {
    display: none !important;
  }
}

/* ===== MOBILE : masquer le logo + afficher le menu ===== */

@media (max-width: 768px) {
  /* 1) Masquer le logo */

  .is-style-default {
    display: none !important;
  }

  /* 2) Forcer l'affichage du menu (même sans burger) */

  .wp-block-navigation,
  .wp-block-navigation__responsive-container,
  .wp-block-navigation__responsive-container-content,
  .wp-block-navigation__container {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* 3) Menu en ligne, compact, scrollable si besoin */

  .wp-block-navigation__container {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
    padding: 6px 10px !important;
    margin: 0 !important;
  }

  /* 4) Liens plus petits */

  .wp-block-navigation-item__content,
  .wp-block-navigation-item__content a {
    font-size: 11px !important;
    line-height: 1.05 !important;
    padding: 4px 6px !important;
  }

  /* 5) Optionnel : cacher le burger si jamais il apparaît */

  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
}