/* ==========================================================================
   ÉmoiNaturo - couche d'adaptation du gabarit Serenique

   Le gabarit est celui d'un spa à six thérapeutes avec boutique en ligne.
   Marie exerce seule. Cette feuille neutralise ce qui n'a pas d'objet chez
   elle plutôt que de découper le balisage Webflow, qui est imbriqué et
   fragile. Rien n'est supprimé : tout reste récupérable en retirant une
   règle.
   ========================================================================== */

/* --- sections sans objet ---
   .scoll:not(.two) : le bandeau de logos de marques clientes.
   .home-team       : les six thérapeutes.
   .author-crad     : les témoignages nominatifs.
   .blog            : le journal.
   Le panier et les liens boutique relèvent du gabarit e-commerce. */
.section.scoll:not(.two),
.section.home-team,
.section.author-crad,
.section.blog,
.w-commerce-commercecartwrapper,
[data-node-type="commerce-cart-wrapper"] { display: none !important; }

/* Le troisième forfait : Marie n'a que deux offres. */
.price-card-grid .w-dyn-item:nth-child(3) { display: none !important; }

/* Les menus déroulants du gabarit pointent vers des pages inexistantes ici. */
.navbar .w-dropdown-list, .nav-dropdown-list { display: none !important; }

/* --- bandeau de démonstration --- */
.bandeau-demo {
  position: relative; z-index: 9999;
  background: #2f3a33; color: #f4f2ec;
  font-size: .82rem; font-weight: 500; letter-spacing: .01em;
  padding: 10px 20px; text-align: center; margin: 0;
}

/* --- lisibilité ---
   Règle de David : aucun texte atténué. Le gabarit pose des opacités sur
   des blocs de texte pour ses animations d'apparition ; on les rétablit. */
.regular-title.line-hight,
.secondary-title.align,
.faq-answer,
.service-animation-description { opacity: 1 !important; }

/* --- le logo ---
   Le gabarit porte « Serenique » dans un SVG. Le vrai sélecteur est
   .nav-bar-logo-link, et non .brand. */
.nav-bar-logo-link img { display: none !important; }
.nav-bar-logo-link::after {
  content: "ÉmoiNaturo";
  font-family: "Instrument Serif", Georgia, serif;
  font-size: 1.55rem; letter-spacing: -.01em; white-space: nowrap; color: inherit;
}

/* --- les quatre thèmes ---
   Le gabarit les empile au même endroit dans un conteneur en position
   absolue, et les fait défiler par une chorégraphie au scroll qui ne
   fonctionne pas dans cette réplique : les quatre titres se superposaient
   à 646 px. On les repose en grille, ce qui les rend toutes lisibles. */
.service-animation-text {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 28px 24px;
  padding: 48px 0 0;
}
.service-animation-card { position: relative !important; inset: auto !important; }
.service-animation-title { margin-bottom: 10px; }
.service-animation-description { opacity: 1 !important; font-size: .95rem; line-height: 1.6; }