/*
 Theme Name: Twenty Twenty-Five Child
 Template: twentytwentyfive
 Text Domain: twentytwentyfive-child
 Version: 1.0.0
 Description: Child theme pour Twenty Twenty-Five (palette verrouillée + JS accordéon). /Font taleway
 Author: Vincent
*/

.title-with-dots {
 
}

.title-with-dots::before,
.title-with-dots::after {
  content: "";
  display: inline-block;
  height: 3px;                       /* taille des carrés */
  width: 70px;                      /* longueur max de la ligne décorative */
  margin: 0 25px;
  background: repeating-linear-gradient(
    to right,
    #e5e5e5 0,
    #e5e5e5 3px,      /* largeur du carré */
    transparent 0,
    transparent 6px  /* espace entre carrés */
  );
  overflow: hidden;
  white-space: nowrap;
  flex-shrink: 1;                    /* ✅ réduit automatiquement si manque de place */
  vertical-align: middle;
}

/* POINT POUR LES TITRES - Si l'écran est vraiment trop petit, on cache */
@media (max-width: 1140px) {
  .title-with-dots::before,
  .title-with-dots::after {
    display: none;
  }
}

html {
  scroll-behavior: smooth;
}

/* Hauteur de ton header sticky */
/* 1) Offset d’ancre = hauteur du header (garde 94.59px) */
:root { --header-offset: 94.59px; }

/* 2) Toujours compenser le header sticky pour les ancres */
.wp-block-heading[id],
.wp-block-group[id],
section[id],
div[id] {
  scroll-margin-top: var(--header-offset);
}

/* 3) Forcer l’affichage "burger" sous 830px */
@media (max-width: 830px) {
  /*.wp-block-navigation .wp-block-navigation__container { display: none !important; */ }

/* 4) Forcer le burger si on détecte un retour à la ligne (classe ajoutée via JS ci-dessous) */

	
	
/*Forcer pas d'espace avant le footer */
:where(.wp-site-blocks) > * {
    margin-block-start: 0 !important;
}

/* Le conteneur du menu burger (WP) passe au-dessus de tout quand il est ouvert */
/* 1) Le panneau du menu doit recouvrir TOUT et capter les clics */
.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  inset: 0 !important;                  /* top/right/bottom/left: 0 */
  z-index: 2147483647 !important;       /* plus haut que tout */
  pointer-events: auto !important;
}

/* 2) Quand un modal/menu WP est ouvert, on neutralise TOUS les clics du fond */
html.has-modal-open body {
  pointer-events: none !important;      /* plus aucun clic ne passe au fond */
  overflow: hidden;                      /* évite le scroll derrière */
}

/* 3) …et on réactive les clics uniquement dans le menu */
html.has-modal-open .wp-block-navigation__responsive-container,
html.has-modal-open .wp-block-navigation__responsive-container * {
  pointer-events: auto !important;
}