/* ════════════════════════════════════════════════════════════
   BLOCS DE PAGE — chargés sur toutes les pages du site (inc/assets.php).
   Repris tels quels de _generation/corps/_page.css et _encart.css.
   ════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════
   BLOCS DE PAGE PARTAGÉS — héro, bandeau photo et accordéon des
   pratiques. Utilisés par les pages
   Thérapies, Soins et Ateliers, qui suivent la même structure.
   ════════════════════════════════════════════════════════════ */

/* ── Héro ─────────────────────────────────────────────────── */
.hero{ background:linear-gradient(180deg,var(--bleu-brume) 0%,var(--blanc) 100%); }
.hero__grille{ display:grid; gap:2.5rem; padding-block:2.5rem 3rem; align-items:center; }
@media (min-width:900px){ .hero__grille{ grid-template-columns:1fr 1fr; gap:4rem; padding-block:3.5rem 4rem; } }
.hero__surtitre{ font-size:.78rem; letter-spacing:.24em; text-transform:uppercase; color:var(--bleu-moyen); margin:0 0 1.25rem; }
.hero h1{ font-family:var(--serif); font-size:clamp(1.9rem,4.6vw,2.9rem); color:var(--bleu); margin-bottom:1rem; }
.hero__sous-titre{ font-size:clamp(1.05rem,2.2vw,1.2rem); color:var(--gris); margin:0 0 1.5rem; max-width:36ch; }
.hero__texte p{ margin:0 0 1rem; }
.hero__texte p:last-child{ margin-bottom:0; }
.hero__image{ position:relative; }
.hero__image img{ width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:3px; }
.hero__image::after{
  content:""; position:absolute; inset:auto -14px -14px auto;
  width:55%; height:55%; border-right:1px solid var(--bleu-clair);
  border-bottom:1px solid var(--bleu-clair); z-index:-1;
}


/* ── Bandeau photo pleine largeur ─────────────────────────── */
.bandeau{ position:relative; min-height:340px; display:grid; align-items:center; }
.bandeau__fond{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.bandeau__voile{ position:absolute; inset:0; background:rgba(20,42,50,.42); }
.bandeau__carte{
  position:relative; background:rgba(255,255,255,.94);
  padding:2.25rem 2rem; max-width:430px; border-radius:3px;
  margin:3rem auto; text-align:center;
}
.bandeau__carte h2{ font-family:var(--serif); font-size:1.6rem; color:var(--bleu); margin-bottom:.5rem; }
.bandeau__carte p{ color:var(--gris); margin:0 0 1.5rem; }

/* ── Les pratiques (accordéon) ────────────────────────────────
   <details> natif : dépliage sans JavaScript, navigable au clavier
   et lisible par les lecteurs d'écran sans code supplémentaire.
   Les six textes sont longs ; les empiler ouverts noierait
   l'annuaire, qui est le cœur de la page.
   ─────────────────────────────────────────────────────────── */
.pratiques{ background:var(--creme); }
.pratiques__liste{ max-width:74ch; margin-inline:auto; }
.pratique{ border-bottom:1px solid #e2e8ea; }
.pratique:first-of-type{ border-top:1px solid #e2e8ea; }
.pratique summary{
  cursor:pointer; list-style:none;
  font-family:var(--serif); font-size:1.2rem; color:var(--bleu);
  padding:1.15rem 2.5rem 1.15rem 0; position:relative;
}
.pratique summary::-webkit-details-marker{ display:none; }
.pratique summary::after{
  content:""; position:absolute; right:.5rem; top:1.6rem;
  width:9px; height:9px; border-right:1.5px solid var(--bleu-moyen);
  border-bottom:1.5px solid var(--bleu-moyen); transform:rotate(45deg);
  transition:transform .2s;
}
.pratique[open] summary::after{ transform:rotate(-135deg); top:1.9rem; }
.pratique summary:hover{ color:#22454f; }
.pratique__texte{ padding:0 0 1.5rem; }
.pratique__texte p{ margin:0 0 1rem; }
.pratique__texte p:last-child{ margin-bottom:0; }
.pratiques__note{ max-width:74ch; margin:2rem auto 0; font-size:.9rem; color:var(--gris); text-align:center; }

/* ── Contact bas de page ──────────────────────────────────── */

/* ════════════════════════════════════════════════════════════
   ENCART « LOUER UN ESPACE » — le même panneau en bas des pages
   Thérapies, Soins, Ateliers et Planning. Il remplace les quatre
   encarts recopiés à l'identique sur l'ancien site.
   ════════════════════════════════════════════════════════════ */
/* ── Encart praticiens ────────────────────────────────────── */
.encart-praticiens{
  max-width:820px; margin:0 auto; padding:1.35rem 1.5rem;
  background:var(--creme); border-left:2px solid var(--bleu-clair);
  display:grid; gap:1rem; align-items:center;
}
@media (min-width:768px){ .encart-praticiens{ grid-template-columns:1fr auto; padding:1.5rem 1.85rem; gap:1.75rem; } }
.encart-praticiens h3{ font-family:var(--serif); font-size:1.05rem; color:var(--bleu); margin-bottom:.2rem; }
.encart-praticiens p{ margin:0; color:var(--gris); font-size:.9rem; line-height:1.65; }
.encart-praticiens .bouton{ font-size:.88rem; padding:.7rem 1.35rem; }