/*
 Theme Name:   SDV Thérapie
 Theme URI:    https://sdv-therapie.com
 Description:  Thème dédié de SDV Thérapie (blog 8) — Silvia Di Vittorio, psycho-praticienne en thérapie brève (Brabant wallon + visio). Identité douce et rassurante : sauge + argile, titres Fraunces. Enfant de multistarter (hérite des fonctions fleet : traductions, réglages sociaux, palette).
 Author:       BX PUB
 Template:     multistarter
 Version:      1.0.0
 Text Domain:  sdv-therapie
 License:      GNU General Public License v2 or later
*/

/* ============================================================
   SDV Thérapie — polish CSS (chargé INLINE via functions.php).
   La palette vient de theme.json (slugs multistarter inchangés) :
   accent = sauge, accent-4 = argile, base-2 = crème.
   ============================================================ */

:root{
  --sdv-sage: var(--wp--preset--color--accent);
  --sdv-sage-dark: var(--wp--preset--color--accent-2);
  --sdv-clay: var(--wp--preset--color--accent-4);
  --sdv-ink: var(--wp--preset--color--contrast);
  --sdv-cream: var(--wp--preset--color--base-2);
}

/* --- Titres : Fraunces, posés et doux --- */
h1,h2,h3,h4,.wp-block-heading{ font-family:"Fraunces", Georgia, serif; }
h1.wp-block-heading{ line-height:1.08; }
.wp-block-heading strong{ color:var(--sdv-sage-dark); font-weight:600; }

/* --- Boutons : pilule sauge + variante argile + outline --- */
.wp-block-button__link{
  border-radius:999px; font-weight:600; padding:.9em 1.9em;
  transition:transform .15s ease, box-shadow .2s ease, background-color .2s ease;
}
.wp-block-button:not(.is-style-outline):not(.is-style-clay) .wp-block-button__link{
  background:var(--sdv-sage); color:#fff; box-shadow:0 8px 20px -10px rgba(85,110,94,.65);
}
.wp-block-button:not(.is-style-outline):not(.is-style-clay) .wp-block-button__link:hover{
  background:var(--sdv-sage-dark); transform:translateY(-2px);
}
.wp-block-button.is-style-clay .wp-block-button__link{
  background:var(--sdv-clay); color:#3a2417; border-radius:999px;
  box-shadow:0 8px 20px -10px rgba(198,138,106,.7);
}
.wp-block-button.is-style-clay .wp-block-button__link:hover{ background:#b3744f; color:#fff; transform:translateY(-2px); }
.wp-block-button.is-style-outline .wp-block-button__link{
  border:1.5px solid var(--sdv-sage); color:var(--sdv-sage-dark); background:transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{ background:var(--sdv-sage); color:#fff; }

/* --- Liens --- */
a{ text-underline-offset:2px; }

/* --- Header : logo + nav + bouton RDV --- */
.wp-block-template-part .wp-block-navigation a:hover{ color:var(--sdv-sage); }
.sdv-rdvbtn a{ display:inline-flex; align-items:center; gap:.45em; background:var(--sdv-clay); color:#3a2417!important; padding:.6em 1.25em; border-radius:999px; font-weight:600; text-decoration:none; white-space:nowrap; }
.sdv-rdvbtn a:hover{ background:#b3744f; color:#fff!important; }

/* --- Hero cover : panneau de lisibilité doux derrière le texte --- */
.wp-block-cover.sdv-hero{ min-height:clamp(360px,56vh,540px); border-radius:0; }
.sdv-hero .wp-block-cover__inner-container{ max-width:680px; }
.sdv-eyebrow{ color:var(--sdv-clay); font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:.8rem; }
.sdv-hero .sdv-eyebrow{ color:#f0d8c5; }
.sdv-hero h1, .sdv-hero p{ text-shadow:0 1px 10px rgba(20,30,24,.35); }

/* --- Bandeau de réassurance (chips déontologie) --- */
.sdv-trust{ display:flex; flex-wrap:wrap; gap:.7em 1.6em; justify-content:center; padding:0; }
.sdv-trust li{ list-style:none; font-weight:500; color:var(--wp--preset--color--contrast-2); display:flex; align-items:center; gap:.5em; }
.sdv-trust li::before{ content:"✓"; color:var(--sdv-sage); font-weight:800; }

/* --- Cartes services (is-style-card) : hauteur égale, douceur --- */
.is-style-card{ background:var(--wp--preset--color--base); border:1px solid var(--wp--preset--color--accent-5); border-radius:16px; padding:1.6em 1.5em; box-shadow:0 6px 18px -14px rgba(46,58,51,.35); transition:transform .18s ease, box-shadow .2s ease; height:100%; }
.is-style-card:hover{ transform:translateY(-3px); box-shadow:0 14px 30px -16px rgba(46,58,51,.3); }
.wp-block-column:has(> .is-style-card){ display:flex; }
.is-style-card h3{ margin:.2em 0 .35em; font-size:1.4rem; }
.is-style-card h3 a{ text-decoration:none; color:var(--sdv-ink); }
.is-style-card h3 a:hover{ color:var(--sdv-sage); }
.is-style-card p:last-child{ margin-top:auto; }
.is-style-card .sdv-card-icon{ width:48px; height:48px; border-radius:50%; background:var(--wp--preset--color--accent-3); display:flex; align-items:center; justify-content:center; margin-bottom:.4em; }

/* --- Étapes « comment ça se passe » --- */
.sdv-steps .wp-block-column{ background:var(--wp--preset--color--base); border:1px solid var(--wp--preset--color--accent-5); border-radius:16px; padding:1.6em 1.4em; position:relative; text-align:center; }
.sdv-step-num{ display:inline-flex; align-items:center; justify-content:center; width:2.6em; height:2.6em; border-radius:50%; background:var(--sdv-sage); color:#fff; font-weight:700; font-family:"Fraunces",serif; font-size:1.2rem; margin-bottom:.3em; }

/* --- Média + texte : image douce, espace réservé (aspect-ratio) → pas de CLS au chargement --- */
.sdv-media .wp-block-media-text__media img{ width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:16px; display:block; }
.sdv-media .wp-block-image img{ width:100%; aspect-ratio:16/9; max-height:420px; object-fit:cover; border-radius:16px; }

/* --- Citation / philosophie --- */
.sdv-quote blockquote{ border:0; padding:0; }
.sdv-quote{ font-family:"Fraunces",serif; }

/* --- FAQ accordéon (bloc Rank Math — schema FAQPage conservé) --- */
#rank-math-faq .rank-math-list{ display:block; }
#rank-math-faq .rank-math-list-item{ border:1px solid var(--wp--preset--color--accent-5); border-radius:14px; margin-bottom:.6em; background:var(--wp--preset--color--base); overflow:hidden; }
#rank-math-faq .rank-math-question{ cursor:pointer; margin:0; padding:1em 2.6em 1em 1.2em; position:relative; font-weight:500; font-size:1.1rem; font-family:"Fraunces",serif; }
#rank-math-faq .rank-math-question:hover{ color:var(--sdv-sage); }
#rank-math-faq .rank-math-question::after{ content:"+"; position:absolute; right:.95em; top:50%; transform:translateY(-50%); color:var(--sdv-sage); font-weight:700; font-size:1.5em; line-height:1; }
#rank-math-faq .rank-math-list-item.is-open .rank-math-question::after{ content:"\2212"; }
#rank-math-faq .rank-math-answer{ display:none; padding:0 1.2em 1.1em; }
#rank-math-faq .rank-math-list-item.is-open .rank-math-answer{ display:block; }
#rank-math-faq .rank-math-answer p{ margin:0 0 .6em; color:var(--wp--preset--color--contrast-2); }

/* --- Formulaire de contact (CF7) --- */
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea{
  width:100%; padding:.8em 1em; border:1px solid var(--wp--preset--color--accent-5); border-radius:12px; background:#fff; font:inherit; color:var(--sdv-ink);
}
.wpcf7 input:focus, .wpcf7 textarea:focus{ outline:2px solid var(--sdv-sage); border-color:var(--sdv-sage); }
.wpcf7 label{ display:block; margin:0 0 .9em; font-weight:500; }
.wpcf7 .wpcf7-submit{ background:var(--sdv-sage); color:#fff; border:0; border-radius:999px; padding:.9em 2em; font-weight:600; cursor:pointer; }
.wpcf7 .wpcf7-submit:hover{ background:var(--sdv-sage-dark); }

/* --- Disclaimer / micro-mentions --- */
.sdv-disclaimer{ font-size:.85rem; color:var(--wp--preset--color--contrast-3); }

/* --- Footer : douceur, socials centrés, liste compacte --- */
footer .wp-block-heading, footer h4{ font-family:"Fraunces",serif; font-weight:500; font-size:1.25rem; }
footer .sdv-footer-list{ line-height:1.6; list-style:none; padding:0; }
footer .sdv-footer-list li{ margin:.15em 0; }
footer .wp-block-social-links{ justify-content:center; margin-top:.6em; }

/* --- Bouton flottant RDV mobile --- */
.sdv-fab{ position:fixed; right:16px; bottom:16px; z-index:9999; display:none; }
.sdv-fab a{ display:flex; align-items:center; gap:.5em; background:var(--sdv-clay); color:#3a2417; font-weight:700; padding:.85em 1.4em; border-radius:999px; box-shadow:0 10px 26px rgba(0,0,0,.22); text-decoration:none; }
@media(max-width:781px){ .sdv-fab{ display:block; } }