.full-bleed {
  width: 100vw;
  max-width: none;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
}
.centered-container {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;   /* un peu de marge interne pour le mobile */
  padding-right: 20px;
  box-sizing: border-box;
}
h1 { font-size: clamp(1.8rem, 4vw, 3.2rem); }
h2 { font-size: clamp(1.6rem, 3.2vw, 2.6rem); }
h3 { font-size: clamp(1.4rem, 2.5vw, 2rem); }
h4 { font-size: clamp(1.2rem, 2vw, 1.6rem); }
h5 { font-size: clamp(1.1rem, 1.8vw, 1.3rem); }
h6 { font-size: clamp(1rem, 1.5vw, 1.1rem); }
.wp-block-button__link {
  font-size: clamp(0.9rem, 2.5vw, 1.1rem);
  padding: 0.75em 1.4em;
  line-height: 1.2;
}
/* Classe à ajouter à vos boutons */
.opacity-on-hover {
  transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.2s ease;
}
/* Classe à ajouter à vos boutons */
.popup-on-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Survol : léger agrandissement + ombre */
.popup-on-hover:hover {
  transform: scale(1.05);  /* bouton légèrement agrandi */
  box-shadow: 0 8px 20px rgba(0,0,0,0.2); /* ombre douce pour effet pop-up */
}
.shadow-beige {
  box-shadow: 10px 10px 0 #f7f5ed;
  border-radius: 5px; 
}
.shadow-bleu {
  box-shadow: 10px 10px 0 #3e2f5b;
  border-radius: 5px;
}
.shadow-jaune {
  box-shadow: 10px 10px 0 #d7c912;
  border-radius: 5px;
}
.position-relative {
  position: relative;
}

.symbole-absolute {
  position: absolute;
  top: -10px;   /* Ajuste comme tu veux */
  right: -10px; /* Ou left/bottom selon la position */
  width: 50px;
  z-index: 10;
}
/* bloque l'en-tête en haut */
.header-sticky {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
}
.image-stack {
  position: relative;
  display: grid;
  place-items: center; /* centre parfaitement */
}

.image-stack img {
  grid-area: 1 / 1; /* superpose les deux images */
}
@media (max-width: 480px) {
  body h1,
  .wp-site-blocks h1,
  .wp-block-post-title,
  h1 {
    font-size: 2.2rem !important;
  }

  body h2,
  .wp-site-blocks h2,
  h2 {
    font-size: 1.8rem !important;
  }

  body h3,
  .wp-site-blocks h3,
  h3 {
    font-size: 1.1rem !important;
  }

  body h4,
  .wp-site-blocks h4,
  h4 {
    font-size: 1.4rem !important;
  }

  body h5,
  .wp-site-blocks h5,
  h5 {
    font-size: 1.25rem !important;
  }

  body h6,
  .wp-site-blocks h6,
  h6 {
    font-size: 1.1rem !important;
  }
}
html {
  scroll-behavior: smooth;
}

/* Accessibilité : désactiver l'effet si l'utilisateur le demande */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
:target {
  scroll-margin-top: 100px; /* adapte à la hauteur de ton header */
}
@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}
.center-responsive {
  text-align: left;
}

@media (max-width: 480px) {
  .center-responsive {
    text-align: center;
  }
}
/* FRONT — page blog + articles */
.blog .wp-site-blocks,
.post-type-archive-post .wp-site-blocks,
.single-post .wp-site-blocks {
  background-color: #f7f5ed;
}

/* ÉDITEUR — blog + articles */
.editor-styles-wrapper.post-type-post,
.editor-styles-wrapper.blog {
  background-color: #f7f5ed;
}
.contact-inherit-bg,
.contact-inherit-bg span {
  background-color: transparent !important;
}