/* Ambiance : touches de couleur douces pour casser les grands aplats blancs.
   Couleurs de la marque uniquement, aucun mouvement, aucune image : rien à charger. */
:root{
  --glow-turquoise:rgba(6,171,159,.16);
  --glow-navy:rgba(3,49,104,.10);
  --tint-blue:#f2f7fa;
  --tint-turquoise:#eefaf8;
}

/* Les contenus passent au-dessus des décors */
.home-hero,.service-picker-home,.home-seo-directory,.care-story,.journal-section,.final-cta,
.page-intro,.fiscal-intro,.shop-intro,.pricing-hero,.landing-hero,.seo-hero,.legal-section,.booking-section{position:relative;isolation:isolate}
.home-hero>.container,.service-picker-home>.container,.home-seo-directory>.container,.care-story>.container,
.journal-section>.container,.final-cta>.container,.page-intro>.container,.booking-section>.container{position:relative;z-index:1}

/* Halos de couleur */
.home-hero::before,.service-picker-home::before,.home-seo-directory::before,.journal-section::before,
.final-cta::before,.page-intro::before,.fiscal-intro::before,.shop-intro::before,.pricing-hero::before,.landing-hero::before,.seo-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.home-hero::before{background:
  radial-gradient(620px 460px at 88% 18%,var(--glow-turquoise),transparent 70%),
  radial-gradient(560px 420px at 4% 92%,var(--glow-navy),transparent 70%)}
.service-picker-home{background:var(--tint-blue)}
.service-picker-home::before{background:
  radial-gradient(700px 500px at 100% 0%,var(--glow-turquoise),transparent 70%),
  radial-gradient(520px 400px at 0% 100%,var(--glow-navy),transparent 72%)}
.home-seo-directory::before{background:
  linear-gradient(180deg,rgba(255,255,255,0) 0,var(--tint-turquoise) 100%),
  radial-gradient(640px 420px at 0% 0%,var(--glow-turquoise),transparent 70%)}
.journal-section{background:var(--tint-blue)}
.journal-section::before{background:radial-gradient(720px 460px at 100% 100%,var(--glow-turquoise),transparent 70%)}
.final-cta::before{background:linear-gradient(180deg,#fff 0,var(--tint-blue) 100%)}
.page-intro::before,.fiscal-intro::before,.shop-intro::before,.pricing-hero::before,.landing-hero::before,.seo-hero::before{background:
  radial-gradient(520px 340px at 92% 20%,var(--glow-turquoise),transparent 70%),
  radial-gradient(420px 300px at 0% 100%,var(--glow-navy),transparent 72%)}

/* Fine trame de points sur l'accueil et les en-têtes de page */
.home-hero::after,.page-intro::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(3,49,104,.09) 1.2px,transparent 1.4px);background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,transparent 65%);mask-image:linear-gradient(180deg,#000 0,transparent 65%)}

/* Bande de confiance */
.trust-marquee{background:#fff;border-block:1px solid var(--line)}

/* WhatsApp : vert de la marque WhatsApp et logo */
.whatsapp-link,body:has(.cart-trigger) .whatsapp-link{display:inline-flex;align-items:center;gap:9px;background:#25d366;color:#073b1d;
  backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 26px rgba(7,59,29,.28)}
.whatsapp-link:hover{background:#1fbf5b}
.whatsapp-link svg{width:22px;height:22px;flex:0 0 22px;fill:currentColor}

/* Le bouton fixe ne masque plus la dernière ligne du pied de page */
.footer-legal{padding-bottom:70px}
@media(max-width:760px){.footer-legal{padding-bottom:12px}}

/* Conditions : modèle de formulaire de rétractation repliable */
.legal-form{margin-top:14px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--tint-blue)}
.legal-form summary{cursor:pointer;font-weight:750;color:var(--navy)}
.legal-form p{margin-top:12px}