/* === 1. Bannières uniformes à 70vh ===
   Cible la 1re section Elementor de chaque page,
   ainsi qu'une classe optionnelle .page-banner. */
.elementor > section:first-of-type,
.elementor-section.elementor-top-section:first-of-type,
.page-banner {
  min-height: 70vh !important;
  height: 70vh !important;
}

.elementor > section:first-of-type .elementor-background-overlay,
.page-banner .elementor-background-overlay {
  min-height: 70vh !important;
}


/* === 4. Désactiver les filtres CSS sur les images de la section "Prestations" === */
.section-prestations img,
.section-prestations .elementor-widget-image img {
  filter: none !important;
  -webkit-filter: none !important;
}


/* === 5. Alignement boutons Contact + Calendrier === */
.contact-buttons-wrap,
.contact-buttons-wrap .elementor-widget-wrap,
.contact-buttons-wrap .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.contact-buttons-wrap .elementor-widget-button {
  width: auto !important;
}


/* === 6a. Cadre blanc "Déroulé d'une séance" ===
   Centré horizontalement, largeur réduite.
   Ajouter aussi la classe .is-overlay si le cadre est en superposition sur image. */
.cadre-deroule {
  width: max-content !important;
  max-width: 80% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.cadre-deroule.is-overlay {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}


/* === 6b. 3 images "Déroulé d'une séance" à la même taille ===
   Ratio 3/4 (portrait). Modifier en 4/3 (paysage) ou 1/1 (carré) au besoin. */
.deroule-images .elementor-widget-image img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  width: 100% !important;
  height: auto !important;
}

.deroule-images > .elementor-column,
.deroule-images > .e-con > .e-con-inner > * {
  display: flex;
  align-items: stretch;
}


/* ÉTAT INITIAL (haut de page) */
#ast-desktop-header {
    background: transparent !important;
    transition: all 0.35s ease;
    box-shadow: none;
}

/* ÉTAT STICKY (quand on scroll) */
#ast-desktop-header.sticky {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 6px 25px rgba(0,0,0,0.08);
}

/* OPTION PREMIUM : réduction légère du header */
#ast-desktop-header.sticky {
    transform: translateY(0);
}

/* transition fluide du menu */
#ast-desktop-header .ast-primary-header-bar {
    transition: all 0.35s ease;
}
#ast-desktop-header.sticky {
background: rgba(255, 248, 225, 0.92) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 6px 25px rgba(0,0,0,0.10);
    transition: all 0.35s ease;
}

.elementor-lightbox {
  background: rgba(0,0,0,0.85) !important;
}

body.elementor-lightbox-active {
  overflow: auto !important;
}

/* fond du lightbox */
.lightbox,
.fancybox-overlay,
.pswp__bg,
.mfp-bg {
  background: rgba(0, 0, 0, 0.9) !important;
}

/* éviter le fond blanc */
.lightbox-content,
.pswp__container {
  background: transparent !important;
}