/* === Séparateurs verticaux plus courts et centrés === */
.main-header-menu > li {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}

.main-header-menu > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;                /* point de départ centré verticalement */
  right: 0;
  transform: translateY(-50%); /* centre la ligne */
  height: 50%;             /* hauteur du trait (50% = moitié du bouton) */
  width: 1px;              /* épaisseur du trait */
  background-color: #ffffff; /* couleur du trait */
  opacity: 0.8;            /* légèrement translucide pour élégance */
}

a {
  text-decoration: none !important;
}

/* === RENDU PLUS COMPACT À L’INTÉRIEUR DES BANNIÈRES === */
.wp-block-cover__inner-container,
.wp-block-group__inner-container {
  padding-top: 1px !important;     /* anciennement ~80px par défaut */
  padding-bottom: 1px !important;
}

/* Réduit globalement la hauteur des blocs Espacement */
.wp-block-spacer {
  height: 20px !important; /* valeur par défaut : souvent 100px */
}

/* === Neutralisation complète des marges par défaut des titres === */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Supprime le grand espace ajouté par Astra au début du contenu */
.site-content > .ast-container {
  padding-top: 0 !important;
}

/* Supprime la marge haute du premier titre */
.entry-content > h1:first-child,
.entry-content > .wp-block-group:first-child h1:first-child {
  margin-top: 0 !important;
}

/* 1️⃣ Conteneur général du contenu Astra */

/* 2️⃣ Premier bloc ou titre Gutenberg */
.entry-content > *:first-child,
.ast-plain-container .entry-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

p {
  margin-top: 0.2em !important;
  margin-bottom: 0.6em !important;
}
/* === 1) Ne pas toucher à la grille : on aligne uniquement le contenu interne === */
.site-below-footer-wrap .site-footer-section {
  display: flex !important;
  align-items: center !important;    /* centrage vertical dans chaque colonne */
  gap: 12px;                         /* petit espace interne */
}

/* Neutralise le justify sur le bloc contact (il casse l'alignement visuel) */
.site-below-footer-wrap .ast-footer-copyright [style*="text-align: justify"] {
  text-align: left !important;
}

/* Texte des widgets HTML (zones d'intervention, ©, etc.) */
.site-below-footer-wrap .ast-header-html,
.site-below-footer-wrap .widget_text {
  display: flex !important;
  align-items: center !important;
}
.site-below-footer-wrap .ast-header-html p,
.site-below-footer-wrap .widget_text p {
  margin: 0 !important;
  line-height: 1.4;
}

/* === 2) Icônes réseaux sociaux : forcer l'horizontal + centrage vertical === */
.site-below-footer-wrap .footer-social-inner-wrap {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
}
.site-below-footer-wrap .footer-social-item {
  display: inline-flex !important;
  align-items: center !important;
}

/* === 3) Petites sources de décalage : emojis / svg / liens === */
.site-below-footer-wrap img.emoji,
.site-below-footer-wrap svg {
  vertical-align: middle;
  display: inline-block;
}
.site-below-footer-wrap a { line-height: 1.4; }

/* (Optionnel) micro-ajustement si un bloc paraît 1–2px trop haut/bas */
.site-below-footer-wrap .ast-footer-copyright,
.site-below-footer-wrap .ast-header-html { position: relative; top: 1px; } /* essaie -1px / +1px */





/* Optionnel : sur mobile, encore plus compact */
@media (max-width: 768px) {
  .wp-block-spacer {
    height: 50px !important;
  }
}

/* ✅ Corrige le comportement sur mobile : empile les éléments du footer */
@media (max-width: 768px) {
  .site-below-footer-wrap .site-footer-section {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .site-below-footer-wrap .footer-social-inner-wrap {
    flex-direction: row !important; /* garde les icônes alignées côte à côte */
    justify-content: center !important;
  }

  .site-below-footer-wrap .ast-header-html,
  .site-below-footer-wrap .widget_text,
  .site-below-footer-wrap .ast-footer-copyright {
    justify-content: center !important;
    text-align: center !important;
  }
}


/* MOBILE : centre TOUT le contenu texte du footer */
@media (max-width: 768px) {
  /* chaque section s'empile et se centre */
  .site-below-footer-wrap .site-footer-section {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* blocs texte/html/copyright = centrés */
  .site-below-footer-wrap .ast-header-html,
  .site-below-footer-wrap .custom-html-widget,
  .site-below-footer-wrap .widget_text,
  .site-below-footer-wrap .ast-footer-copyright {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* conteneurs internes réels */
  .site-below-footer-wrap .ast-header-html .ast-builder-html-element,
  .site-below-footer-wrap .widget_text .textwidget,
  .site-below-footer-wrap .ast-footer-copyright > div {
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  /* écrase tout style inline "text-align: justify" */
  .site-below-footer-wrap .ast-footer-copyright [style*="text-align"] {
    text-align: center !important;
  }

  /* paragraphes internes */
  .site-below-footer-wrap .ast-header-html p,
  .site-below-footer-wrap .custom-html-widget p,
  .site-below-footer-wrap .widget_text p {
    margin: 6px 0 !important;
    text-align: center !important;
  }

  /* icônes sociaux restent en ligne et centrés */
  .site-below-footer-wrap .footer-social-inner-wrap {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
  }
}

/* === 1️⃣ Réduit la hauteur des blocs d'espacement sur mobile === */
@media (max-width: 768px) {
  .wp-block-spacer {
    height: 10px !important; /* au lieu de 50px ou 100px par défaut */
  }
}

/* === 2️⃣ Réduit l'espace entre paragraphes et titres sur mobile === */
@media (max-width: 768px) {
  h1, h2, h3, h4, h5, h6, p {
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
  }
}

/* === 3️⃣ Réduit le padding (marge interne) des conteneurs Astra === */
@media (max-width: 768px) {
  .ast-container,
  .entry-content,
  .ast-row,
  .ast-flex {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* === 4️⃣ (Optionnel) Espace harmonisé dans le pied de page === */
@media (max-width: 768px) {
  .site-footer .site-footer-section {
    margin-bottom: 10px !important;
  }
}

/* === Réduction massive de la hauteur des blocs "Espacement" sur mobile === */
@media (max-width: 768px) {
  .wp-block-spacer {
    height: 5px !important;      /* réduit fortement la hauteur (par défaut ~100px) */
    min-height: 5px !important;
  }
}

/* === Rendre le header collant (hors champ) transparent === */
.ast-primary-header-bar.ast-sticky-active {
  background: transparent !important;   /* supprime le fond */
  box-shadow: none !important;          /* retire toute ombre */
  border: none !important;              /* supprime ligne de séparation */
  transition: background 0.3s ease-in-out !important;
}

/* === Texte du menu en blanc UNIQUEMENT quand sticky actif === */
.ast-primary-header-bar.ast-sticky-active .main-header-menu a,
.ast-primary-header-bar.ast-sticky-active .ast-builder-menu .menu-link {
  color: #ffffff !important;
}

/* === Garantit que les icônes et sous-menus restent visibles === */
.ast-primary-header-bar.ast-sticky-active svg,
.ast-primary-header-bar.ast-sticky-active .menu-item-has-children:after {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* === Supprime tout fond appliqué sur le conteneur global du sticky === */
.ast-sticky-active .main-header-bar,
.ast-sticky-active .ast-primary-header {
  background: transparent !important;
  box-shadow: none !important;
}