/* =========================================================================
   HEADER + NAVIGATION  (fusion de header.css et navigation.css)
   -------------------------------------------------------------------------
   SOMMAIRE
     0.  ÉCHELLE DE Z-INDEX
     1.  LÉGENDE DES CLASSES KADENCE
     2.  CONTENEUR DU HEADER (#masthead)
     3.  BARRE DE MENU (sticky) + barre de progression
     4.  BRANDING : logo + nom de l'organisation
     5.  WIDGETS : horaires / contact / adresse (+ icônes)
     6.  VERSIONS DESKTOP / MOBILE DES WIDGETS
     7.  ANIMATION D'ENTRÉE (page d'accueil)
     8.  MENU PRINCIPAL : liens + icônes
     9.  SOUS-MENU DÉROULANT
    10.  BOUTON "NOUS CONTACTER" + keyframes du rideau
    11.  TABLETTE + MOBILE (≤ 1024px)
    12.  MENU MOBILE (DRAWER)
    13.  TEXTE DES WIDGETS (+ ≤ 1280px)
    14.  MESSAGE GLOBAL "Non renseigné"
   ========================================================================= */


/* =========================================================================
   0. ÉCHELLE DE Z-INDEX
   -------------------------------------------------------------------------
   Du plus bas au plus haut :
     contenu de la page            →  auto / valeurs basses
     #masthead (header entier)     →  1000
        ├ .site-header-upper-wrap  →  1   (logo + widgets)
        ├ .site-bottom-header-wrap →  10  (barre de menu, chevauche la ligne du haut)
        └ .sub-menu                →  20  (déroulant, dans la barre de menu)
     .scroll-progress-bar          →  100000
     #mobile-drawer (Kadence)      →  100000 (valeur par défaut de Kadence)
     MODALS (galerie / calendrier) →  2147483647 (déplacés dans <body> par JS)

   ⚠ Un z-index n'a d'effet que dans son contexte d'empilement. C'est pour
     cela que les modals sont déplacés dans <body> en JS : sinon leur z-index
     ne serait comparé qu'à l'intérieur de leur conteneur parent.

   ⚠ Le header garde TOUJOURS son z-index (même quand un modal est ouvert) :
     seul le modal doit passer au-dessus, pas le contenu de la page.
   ========================================================================= */

/* Le header entier forme UN bloc d'empilement (Kadence : <header id="masthead" class="site-header">) */
#masthead {
  position: relative;
  z-index: var(--z-header);
}


/* =========================================================================
   1. LÉGENDE DES CLASSES KADENCE (pour s'y retrouver)
   -------------------------------------------------------------------------
   #masthead.site-header ................. <header> principal (desktop)
   .site-header-wrap / #main-header ...... enveloppe du header desktop
   .site-header-inner-wrap ............... boîte interne (hauteur 195px)
   .site-header-upper-wrap ............... LIGNE DU HAUT : logo + widgets
   .site-main-header-wrap ................ rangée "main" (contient le branding)
   .site-main-header-inner-wrap .......... rangée flex interne
   .site-header-main-section-left/right .. colonnes gauche / droite de la rangée main
   .site-branding ........................ bloc logo (.custom-logo = <img>)
   .site-bottom-header-wrap .............. LIGNE DU BAS : barre de menu + bouton
   .kadence-sticky-header ................ barre rendue sticky par Kadence
   .item-is-stuck / .item-is-fixed ....... états ajoutés par Kadence au scroll
   .site-header-row-container-inner ...... fond/arrondi de la rangée
   .main-navigation / #site-navigation ... <nav> du menu desktop
   #primary-menu ......................... <ul> du menu (li = .menu-item)
   .menu-item-has-children / .sub-menu ... entrée avec sous-menu / sous-menu
   .header-button-wrap/.header-button ..... bouton "NOUS CONTACTER" (Kadence)
   #mobile-header ........................ header mobile (≤ 1024px)
   #mobile-drawer ........................ tiroir du menu mobile (.popup-drawer)
   .kt-adv-heading… / .kadence-column… ... blocs Kadence Blocks des widgets
   #block-50 / 51 / 52 / 53 .............. widgets : nom / horaires / contact / adresse
   ========================================================================= */


/* =========================================================================
   2. CONTENEUR DU HEADER (#masthead)
   ========================================================================= */

/* <header id="masthead" class="site-header"> */
#masthead {
  background-color: #f7f7f7 !important;
  height: 150px !important;
}

/* .site-header-inner-wrap : boîte interne du header (hauteur 195px) */
#masthead .site-header-wrap .site-header-inner-wrap {
  height: 195px !important;
}

/* .site-header-upper-wrap : LIGNE DU HAUT (logo + widgets) */
#masthead .site-header-upper-wrap {
  height: 120px !important;
  margin-top: -15px !important;
  padding-top: 19px !important;
  z-index: var(--z-header-upper);
}

@media (max-width: 1024px) {
  #masthead .site-header-upper-wrap {
    height: auto !important;
    margin-top: 0 !important;
    padding-bottom: 5px !important;
  }
}

/* .site-main-header-inner-wrap : rangée flex (branding à gauche) */
.site-main-header-inner-wrap {
  display: flex !important;
}

.site-header-main-section-left {
  width: 100% !important;
}

.site-header-main-section-right {
  width: 0 !important;
}


/* =========================================================================
   3. BARRE DE MENU (sticky) + BARRE DE PROGRESSION
   ========================================================================= */

/* .site-bottom-header-wrap : LIGNE DU BAS (barre de menu) */
#masthead .site-bottom-header-wrap {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 50px;
  overflow: visible;
  transition: none !important;
  z-index: var(--z-header-bar);
}

#masthead .site-bottom-header-wrap .site-header-row-container-inner {
  border-radius: 50px;
}

/* MENU STICKY — .item-is-stuck est ajouté par Kadence au scroll */
#masthead .site-bottom-header-wrap.item-is-stuck {
  opacity: 0;
  width: auto !important;
  max-width: none !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0;
  transition: none !important;
}

#masthead
  .site-bottom-header-wrap.item-is-stuck
  .site-header-row-container-inner {
  border-radius: 0 !important;
}

/* ANIMATION DU MENU STICKY (classe ajoutée par ton JS : header.js) */
#masthead .site-bottom-header-wrap.header-fade-in {
  animation: headerFadeIn 0.35s ease-out forwards !important;
}

@keyframes headerFadeIn {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* BARRE DE PROGRESSION AU-DESSUS DU MENU STICKY (créée par ton JS) */
.scroll-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background: #2b6cb0;
  z-index: var(--z-progress-bar);
  opacity: 0;
  transition:
    opacity 0.3s ease,
    width 0.1s linear;
  pointer-events: none;
}

.scroll-progress-bar.is-visible {
  opacity: 1;
}


/* =========================================================================
   4. BRANDING : logo + nom de l'organisation
   ========================================================================= */

/* .site-branding : logo + widgets sur la même ligne */
.site-branding {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

/* Conteneur des widgets (nom, horaires, contact, adresse) */
.header-extra-infos-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: nowrap !important;
  font-size: var(--fs-small) !important;
}

/* #block-50 : widget "nom de l'organisation" */
.header-org-name-wrap .widget {
  margin: 0;
}

.header-org-name-wrap {
  margin-right: 5%;
}

.header-org-name-title {
  font-weight: var(--fw-semibold);
  font-size: var(--fs-body);
  line-height: 1.2;
}

/* ⭐ NOM DE L'ORGANISATION — Police LSANSUNI
   Cible les 2 lignes Kadence Blocks : "ONG FIADANANA" + "MADAGASCAR" */
.header-org-name-wrap .kt-adv-headinge24c15-1e,
.header-org-name-wrap .kt-adv-heading119e54-41 {
  font-family: var(--font-lucida) !important;
}

/* LOGO ANIMÉ — GIF du thème enfant (.custom-logo = <img> du logo Kadence) */
.site-branding .custom-logo {
  width: 95px !important;
  height: 95px !important;
  content: url("../assets/images/ongfiadanana-logo.gif");
}


/* =========================================================================
   5. WIDGETS : horaires (#block-51) / contact (#block-52) / adresse (#block-53)
   ========================================================================= */

.header-row1-item,
.header-contact-widget,
.header-adresse-widget,
.header-horaires-widget {
  margin: 0;
}

.header-org-name-wrap,
.header-horaires-widget,
.header-contact-widget,
.header-adresse-widget {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* ICÔNES DU HEADER — Heroicons
   .kb-svg-icon-* = icônes Kadence Blocks (le <svg> d'origine est masqué,
   remplacé par un background-image) */

/* #block-51 — horloge (.kb-svg-icon-fas_clock) */
#block-51 .kb-svg-icon-fas_clock svg {
  display: none;
}

#block-51 .kb-svg-icon-fas_clock {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231C9216'%3E%3Cpath fill-rule='evenodd' d='M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-3.75V6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* #block-52 — téléphone (.kb-svg-icon-fas_phone) */
#block-52 .kb-svg-icon-fas_phone svg {
  display: none;
}

#block-52 .kb-svg-icon-fas_phone {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23344EE6'%3E%3Cpath fill-rule='evenodd' d='M1.5 4.5a3 3 0 0 1 3-3h1.372c.86 0 1.61.586 1.819 1.42l1.105 4.423a1.875 1.875 0 0 1-.694 1.955l-1.293.97c-.135.101-.164.249-.126.352a11.285 11.285 0 0 0 6.697 6.697c.103.038.25.009.352-.126l.97-1.293a1.875 1.875 0 0 1 1.955-.694l4.423 1.105c.834.209 1.42.959 1.42 1.82V19.5a3 3 0 0 1-3 3h-2.25C8.552 22.5 1.5 15.448 1.5 6.75V4.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* #block-53 — marqueur d'adresse (.kb-svg-icon-ic_marker) */
#block-53 .kb-svg-icon-ic_marker svg {
  display: none;
}

#block-53 .kb-svg-icon-ic_marker {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231C9216'%3E%3Cpath fill-rule='evenodd' d='m11.54 22.351.07.04.028.016a.76.76 0 0 0 .723 0l.028-.015.071-.041a16.975 16.975 0 0 0 1.144-.742 19.58 19.58 0 0 0 2.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 0 0-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 0 0 2.682 2.282 16.975 16.975 0 0 0 1.145.742ZM12 13.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


/* =========================================================================
   6. VERSIONS DESKTOP / MOBILE DES WIDGETS
   ========================================================================= */

.header-extra-infos-wrap-mobile {
  display: none !important;
}


/* =========================================================================
   7. ANIMATION D'ENTRÉE — UNIQUEMENT SUR LA PAGE D'ACCUEIL (body.is-home)
   ========================================================================= */

@keyframes headerItemFadeSlide {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

body.is-home .site-branding {
  opacity: 0;
  animation: headerItemFadeSlide 0.7s ease-out forwards;
  animation-delay: 0s;
}

body.is-home .header-org-name-wrap {
  opacity: 0;
  animation: headerItemFadeSlide 0.7s ease-out forwards;
  animation-delay: 0s;
}

body.is-home .header-horaires-widget {
  opacity: 0;
  animation: headerItemFadeSlide 0.7s ease-out forwards;
  animation-delay: 0.15s;
}

body.is-home .header-contact-widget {
  opacity: 0;
  animation: headerItemFadeSlide 0.7s ease-out forwards;
  animation-delay: 0.3s;
}

body.is-home .header-adresse-widget {
  opacity: 0;
  animation: headerItemFadeSlide 0.7s ease-out forwards;
  animation-delay: 0.45s;
}

body:not(.is-home) .site-branding,
body:not(.is-home) .header-org-name-wrap,
body:not(.is-home) .header-horaires-widget,
body:not(.is-home) .header-contact-widget,
body:not(.is-home) .header-adresse-widget {
  opacity: 1 !important;
  animation: none !important;
}


/* =========================================================================
   8. MENU PRINCIPAL : liens + icônes
   -------------------------------------------------------------------------
   #primary-menu = <ul> Kadence ; > li = .menu-item ; > a = lien
   .nav-item-icon = <span> ajouté par inc/nav-icons.php
   ========================================================================= */

/* Lien du menu principal : espace réservé au-dessus du texte */
#primary-menu > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px; /* 10px haut + 75px icône + 10px bas */
}

/* Conteneur de l'icône */
#primary-menu > li > a .nav-item-icon {
    position: absolute;
    top: 5px; /* 10px du haut de la barre */
    left: 50%;
    transform: translateX(-50%) translateY(-6px);
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
    z-index: 1;
}

#primary-menu > li > a .nav-item-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

#primary-menu > li > a:hover .nav-item-icon,
#primary-menu > li.current-menu-item > a .nav-item-icon,
#primary-menu > li.current_page_item > a .nav-item-icon {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}


/* =========================================================================
   9. SOUS-MENU DÉROULANT
   -------------------------------------------------------------------------
   .sub-menu = <ul> du sous-menu Kadence (ex : "À propos")
   ========================================================================= */

/* Fond du sous-menu déroulant */
#masthead .main-navigation .sub-menu {
    background-color: #FFFFFF !important;
    padding: 0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: var(--z-header-submenu);
}

/* Chaque lien du sous-menu */
#masthead .main-navigation .sub-menu li a {
    position: relative;
    display: block;
    color: #222222 !important;
    font-family: var(--font-main) !important;
    font-size: 20px !important;
    padding: 20px 22px !important;
    transition:
        color 0.4s ease,
        padding-left 0.4s ease;
}

/* Tiret "–" qui apparaît à gauche au survol */
#masthead .main-navigation .sub-menu li a::before {
    content: "–";
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translate(-5px, -50%);
    color: var(--fiadanana-bleu);
    opacity: 0;
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}

/* Survol : décalage + tiret visible + couleur bleue */
#masthead .main-navigation .sub-menu li a:hover {
    color: var(--fiadanana-bleu) !important;
    background-color: #FFFFFF !important;
    padding-left: 32px !important;
}

#masthead .main-navigation .sub-menu li a:hover::before {
    opacity: 1;
    transform: translate(0, -50%);
}


/* =========================================================================
   10. BOUTON "NOUS CONTACTER" — Effet rideau descendant
   -------------------------------------------------------------------------
   .header-button-wrap / .header-button-inner-wrap / .header-button = bouton Kadence
   ⚠ Les deux blocs ci-dessous ont le même sélecteur (spécificité identique).
     Le DEUXIÈME gagne (padding 12px 24px). Ordre conservé comme à l'origine
     (header.css puis navigation.css). Pour un bouton plus large, inverser les blocs.
   ========================================================================= */

/* --- (ex header.css) BOUTON ÉLARGI, GARDE L'UPPERCASE --- */
#masthead .header-button,
#masthead .header-button-wrap .header-button,
#masthead .header-button-inner-wrap .header-button {
  text-transform: uppercase !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  min-height: 54px !important;
  font-weight: var(--fw-bold) !important;
  letter-spacing: 0.5px !important;
}

#masthead .header-button .header-button-label,
#masthead .header-button-wrap .header-button-label,
#masthead .header-button-inner-wrap .header-button-label {
  text-transform: uppercase !important;
}

/* --- (ex navigation.css) Fond BLEU + rideau VERT CLAIR au survol --- */
#masthead .header-button-wrap .header-button,
#masthead .header-button-inner-wrap .header-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 12px 24px !important;

    /* ⭐ Fond initial BLEU */
    background: var(--fiadanana-bleu) !important;
    color: #ffffff !important;

    /* ⭐ Bordure BLEUE (même couleur que le fond) */
    border: 2px solid var(--fiadanana-bleu) !important;
    border-radius: 50px !important;

    text-decoration: none !important;
    cursor: pointer !important;

    font-family: var(--font-main) !important;
    font-size: var(--fs-button) !important;
    font-weight: var(--fw-bold) !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;

    transition: border-color 0.3s ease !important;
}

/* Le texte reste au-dessus du rideau */
#masthead .header-button-wrap .header-button > *,
#masthead .header-button-inner-wrap .header-button > * {
    position: relative !important;
    z-index: 2 !important;
    color: #ffffff !important;
}

/* ⭐ Rideau VERT CLAIR (part du haut, caché) */
#masthead .header-button-wrap .header-button::before,
#masthead .header-button-inner-wrap .header-button::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: var(--fiadanana-vert-clair) !important;
    transform: translateY(-100%); /* ⚠️ PAS de !important ici */
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Entrée : le rideau descend */
#masthead .header-button-wrap .header-button:hover::before,
#masthead .header-button-inner-wrap .header-button:hover::before {
    animation: rideau-entrance 0.4s forwards !important;
}

/* Sortie : le rideau continue à descendre */
#masthead .header-button-wrap .header-button:not(:hover)::before,
#masthead .header-button-inner-wrap .header-button:not(:hover)::before {
    animation: rideau-sortie 0.4s forwards !important;
}

/* Bordure VERT CLAIR au survol (rappel du rideau) */
#masthead .header-button-wrap .header-button:hover,
#masthead .header-button-inner-wrap .header-button:hover {
    border-color: var(--fiadanana-vert-clair) !important;
}

/* KEYFRAMES — Rideau descendant
  ⚠ cpt-activities.css définit aussi rideau-entrance / rideau-sortie
     (valeurs -100% / 100%). Le dernier fichier chargé l'emporte. */
@keyframes rideau-entrance {
    0%   { transform: translateY(-105%); }
    10%  { transform: translateY(-92.5%); }
    25%  { transform: translateY(-85%); }
    85%  { transform: translateY(-5%); }
    90%  { transform: translateY(-3%); }
    100% { transform: translateY(0%); }
}

@keyframes rideau-sortie {
    0%   { transform: translateY(0%); }
    10%  { transform: translateY(7.5%); }
    25%  { transform: translateY(15%); }
    85%  { transform: translateY(95%); }
    90%  { transform: translateY(98%); }
    100% { transform: translateY(105%); }
}


/* =========================================================================
   11. TABLETTE + MOBILE (≤ 1024px)
   -------------------------------------------------------------------------
   #mobile-header = header mobile Kadence (remplace #masthead desktop)
   ========================================================================= */

@media (max-width: 1024px) {
  #mobile-header .kadence-menu2-svg {
    width: 20px !important;
    height: auto !important;
  }

  #mobile-header .site-header-upper-wrap {
    justify-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 5px !important;
  }

  #mobile-header .kt-inside-inner-col {
    padding-left: 10px !important;
  }

  #mobile-header .mobile-site-branding {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0px !important;
  }

  #mobile-header .custom-logo {
    width: 80px !important;
    height: 80px !important;
  }

  /* ONG FIADANANA */
  #mobile-header .header-org-name-wrap .kt-adv-headinge24c15-1e {
    font-size: 22px !important;
  }
  
  /* MADAGASCAR */
  #mobile-header .header-org-name-wrap .kt-adv-heading119e54-41 {
    font-size: 27px !important;
  }

  #mobile-header .header-org-name-wrap .kt-inside-inner-col {
    padding-left: 5px !important;
  }

  .header-extra-infos-wrap-desktop {
    display: none !important;
  }

  .header-extra-infos-wrap-mobile {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }

  #masthead {
    height: auto !important;
  }

  #masthead .site-header-wrap .site-header-inner-wrap {
    height: auto !important;
  }

  #masthead .site-bottom-header-wrap {
    width: 90% !important;
    max-width: 90% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  #masthead .site-bottom-header-wrap .site-header-row-container-inner {
    border-radius: 0 !important;
  }

  #masthead .site-bottom-header-wrap .site-bottom-header-inner-wrap {
    height: auto !important;
  }

  #mobile-header .site-bottom-header-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  #mobile-header .site-bottom-header-wrap .site-header-row-container-inner {
    border-radius: 0 !important;
    padding: 5px 0 !important;
  }

  #mobile-header .site-bottom-header-wrap .site-bottom-header-inner-wrap {
    height: auto !important;
  }

  #mobile-header .mobile-toggle-open-container {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}


/* =========================================================================
   12. MENU MOBILE (DRAWER) — Icône uniquement sur l'élément actif
   -------------------------------------------------------------------------
   #mobile-drawer = tiroir Kadence (.popup-drawer, z-index 100000 par défaut,
   il reste donc au-dessus du header ; non modifié ici)
   ========================================================================= */

/* 1. Cacher toutes les icônes par défaut dans le menu mobile */
#mobile-drawer .mobile-menu-container .menu-item .nav-item-icon,
#mobile-drawer .drawer-menu-container .menu-item .nav-item-icon {
  display: none !important;
}

/* 2. Afficher l'icône UNIQUEMENT sur l'élément actif */
#mobile-drawer .mobile-menu-container .menu-item.current-menu-item .nav-item-icon,
#mobile-drawer .mobile-menu-container .menu-item.current_page_item .nav-item-icon,
#mobile-drawer .mobile-menu-container .menu-item.current-menu-ancestor .nav-item-icon,
#mobile-drawer .drawer-menu-container .menu-item.current-menu-item .nav-item-icon,
#mobile-drawer .drawer-menu-container .menu-item.current_page_item .nav-item-icon,
#mobile-drawer .drawer-menu-container .menu-item.current-menu-ancestor .nav-item-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* 3. Icône active : taille réduite + couleur vert clair */
#mobile-drawer .mobile-menu-container .menu-item.current-menu-item .nav-item-icon svg,
#mobile-drawer .mobile-menu-container .menu-item.current_page_item .nav-item-icon svg,
#mobile-drawer .mobile-menu-container .menu-item.current-menu-ancestor .nav-item-icon svg,
#mobile-drawer .drawer-menu-container .menu-item.current-menu-item .nav-item-icon svg,
#mobile-drawer .drawer-menu-container .menu-item.current_page_item .nav-item-icon svg,
#mobile-drawer .drawer-menu-container .menu-item.current-menu-ancestor .nav-item-icon svg {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  fill: var(--fiadanana-vert-clair) !important;
  color: var(--fiadanana-vert-clair) !important;
  stroke: none !important;
  display: block !important;
}

/* 4. Alignement vertical : icône + texte centrés */
#mobile-drawer .mobile-menu-container .menu-item > a,
#mobile-drawer .drawer-menu-container .menu-item > a,
#mobile-drawer .mobile-menu-container .menu-item .drawer-nav-drop-wrap > a,
#mobile-drawer .drawer-menu-container .menu-item .drawer-nav-drop-wrap > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}


/* =========================================================================
   13. TEXTE DES WIDGETS (horaires / contact / adresse)
   -------------------------------------------------------------------------
   .kt-adv-heading… = titres Kadence Blocks (un identifiant unique par bloc)
   ========================================================================= */

#block-51 .kt-adv-heading860e2b-4d,
#block-51 .kt-adv-headingfa6c80-3d,
#block-52 .kt-adv-heading07fe93-96,
#block-52 .kt-adv-headingbb6b2e-be,
#block-53 .kt-adv-heading9866f9-5f,
#block-53 .kt-adv-heading00efd5-c6 {
  font-size: 18px !important;
}

@media (max-width: 1280px) {
  #block-51 .kt-adv-heading860e2b-4d,
  #block-51 .kt-adv-headingfa6c80-3d,
  #block-52 .kt-adv-heading07fe93-96,
  #block-52 .kt-adv-headingbb6b2e-be,
  #block-53 .kt-adv-heading9866f9-5f,
  #block-53 .kt-adv-heading00efd5-c6 {
    font-size: 15px !important;
  }

  #block-51 .kt-adv-heading860e2b-4d,
  #block-52 .kt-adv-heading07fe93-96,
  #block-53 .kt-adv-heading9866f9-5f {
    margin-bottom: 5px !important;
  }

  /* .kadence-column… = colonnes Kadence Blocks (une par widget) */
  #block-51 .kadence-columnblock-51_885f71-4d > .kt-inside-inner-col,
  #block-52 .kadence-columnblock-52_ab222c-cd > .kt-inside-inner-col,
  #block-53 .kadence-column330e4b-e5 > .kt-inside-inner-col {
    column-gap: 2px !important;
  }

  .header-org-name-wrap {
    margin-right: 0 !important;
  }
}


/* =========================================================================
   14. MESSAGE GLOBAL — "Non renseigné"
   ========================================================================= */

.fiadanana-contact-missing {
  font-style: italic !important;
  opacity: 0.65 !important;
  font-size: 0.95em !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* Variante header */
.header-row1-value .fiadanana-contact-missing,
.header-row1-content .fiadanana-contact-missing {
  font-size: 0.95em !important;
}

/* Variante footer */
.site-footer .fiadanana-contact-missing,
.fiadanana-footer-contact-text .fiadanana-contact-missing {
  font-size: 0.95em !important;
  color: #ffffff !important;
  opacity: 0.7 !important;
}

/* Variante page contact */
.fiadanana-contact-info-text .fiadanana-contact-missing {
  font-size: 0.95em !important;
  color: #999 !important;
}