/* ================================================
   NEOMENS — Page Séances uniquement
   Styles spécifiques à /hypnose-therapie-breve/
   ================================================ */

/* ------------------------------------------------
   Hero avec image à droite
   ------------------------------------------------ */
.nm-seances-hero {
  position: relative;
  min-height: 60vh;
  overflow: hidden;
}

.nm-seances-img-wrap {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
  height: 100%;
  z-index: 1;
}

@media (min-width: 1024px) {
  .nm-seances-img-wrap {
    display: block;
  }
}

.nm-seances-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 25%;
  opacity: 0.78;
  display: block;
}

.nm-seances-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    hsl(0, 0%, 6%) 0%,
    transparent 35%
  );
}

/* ------------------------------------------------
   Section Introduction — two-col avec schéma SVG
   ------------------------------------------------ */
.nm-intro-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: center;
}

@media (min-width: 1024px) {
  .nm-intro-grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}

.nm-intro-text {
  max-width: 36rem;
}

.nm-intro-schema {
  opacity: 0.92;
}

.nm-intro-schema svg {
  width: 100%;
  height: auto;
  display: block;
}

/* ------------------------------------------------
   Schéma SVG scrollable sur mobile
   ------------------------------------------------ */
@media (max-width: 767px) {
  .nm-intro-schema {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .nm-intro-schema svg {
    min-width: 320px;
  }

  .nm-intro-text p {
    font-size: 1rem;
    line-height: 1.75;
  }
}

/* ------------------------------------------------
   Réduire l'espace entre hero et section intro
   ------------------------------------------------ */
.nm-intro-grid {
  /* Le padding-top vient de section-py-l — on le surcharge via le parent */
}

/* Section qui contient nm-intro-grid : padding réduit */
.section-py-l:has(.nm-intro-grid) {
  padding-top: 3rem;
  padding-bottom: 4rem;
}

/* Structural rule avant l'intro : margin réduit */
.structural-rule {
  margin-bottom: 2rem;
}