/*
Theme Name: Les Bulles de Noël
Description: Thème sur mesure — portage fidèle de la maquette (refonte 2026), animations comprises. Réalisé par Kapoupa.
Author: Kapoupa
Version: 1.6.4
Text Domain: bulles-de-noel
*/

/* Habillage des pages simples (mentions, CGV…) rendues par page.php */
.page-simple { max-width: 820px; margin: 0 auto; padding: 130px 20px 80px; }
.page-simple h1 { font-family: var(--police-titre); color: var(--titre-c); font-size: clamp(2rem, 4.5vw, 3rem); margin-bottom: 1.4rem; }
.page-simple h2 { color: var(--titre-c); font-size: 1.45rem; margin: 2rem 0 0.7rem; }
.page-simple p, .page-simple li { color: var(--texte); }
.page-simple ul { padding-left: 1.2rem; margin: 0.6rem 0; }
.page-simple a { color: var(--accent); }
.page-simple mark { background: #f3dfa8; padding: 0 4px; border-radius: 3px; }
.page-simple .wp-block-separator { border: 0; border-top: 1px solid var(--filet); margin: 2rem 0; }

/* Le kit Elementor (chargé partout) impose sa couleur de texte au body ;
   on reprend la main avec une spécificité supérieure. */
body.elementor-kit-6.wp-theme-bulles-de-noel {
  color: var(--creme);
  background: var(--nuit);
  font-family: var(--police-texte);
  font-weight: 300;
}

/* Découpage en widgets : la guirlande et la babiole dépassent de la bande de
   transition sur la section suivante — la transition doit peindre au-dessus
   du fond crème de ses voisines (chaque .contenu est en z-index 2). */
.elementor-widget-bulles_transition .contenu { z-index: 3; }

/* Elementor charge partout « img { height: auto } » : on rétablit toutes
   nos images dimensionnées avec une spécificité supérieure. */
div.hero-simple img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.65;
}
.intro__zoom img.intro__img,
.intro__interieur img.intro__img { width: 100%; height: 100%; }
div.cliche__cadre img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* La photo ne creuse plus de vide : colonnes calées en haut. */
.section .section__cols { align-items: start; }

/* Lisibilité du texte sur la photo du hero partenariat. */
div.hero-simple::after {
  background: linear-gradient(180deg, rgba(10, 12, 17, 0.22), rgba(10, 12, 17, 0.85));
}
.hero-simple .overline,
.hero-simple h1,
.hero-simple p { text-shadow: 0 2px 16px rgba(5, 8, 12, 0.6); }
.hero-simple p { color: #f2e8d8; }

/* Transition nuit → crème : la vague mord sur la photo (plus de bandeau noir).
   Vague, guirlande et babiole remontent ensemble de la hauteur de la vague. */
.transition .vague-sombre { position: relative; top: -72px; pointer-events: none; }
.transition .guirlande { top: -32px; }
.transition .babiole { margin-top: -72px; }