/* Zone accueil : front-page.php, page-templates/demarche.php, page-templates/qui-sommes-nous.php.
   Les styles de la maquette restent en ligne ; ici : survols, liens étirés, contenus de l'éditeur. */

/* ---------- Accueil ---------- */

/* À la une : le faux bouton « Découvrir » réagit au survol de la carte */
.hf-home-une .hf-home-une__cta{transition:transform var(--dur-fast) var(--ease-bounce),box-shadow var(--dur-fast) var(--ease-soft)}
.hf-home-une:hover{color:#012C2D}
.hf-home-une:hover .hf-home-une__cta{transform:translateY(-1px);box-shadow:0 4px 0 #012C2D}

/* Couverture réelle posée de biais, à la place du cadre provisoire */
.hf-home-cover{width:46%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:16px;transform:rotate(-3deg);box-shadow:0 10px 24px rgba(1,44,45,.15);display:block}

/* Cartes albums et cahiers (style-hover de la maquette) */
.hf-home-book:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(1,44,45,.08),0 18px 40px rgba(1,44,45,.12)}
.hf-home-cahier:hover{transform:translateY(-3px)}

/* Prix WooCommerce (fourchette des variations, promotions) */
.hf-home-price{white-space:nowrap}
.hf-home-price ins{text-decoration:none}
.hf-home-price del{opacity:.6;font-weight:400;margin-inline-end:4px}

/* Coin des enfants : tout le bloc mène à la page, chaque émotion à sa suggestion */
.hf-home-kids__link{color:inherit;text-decoration:none}
.hf-home-kids__link:hover{color:inherit}
.hf-home-kids__link::after{content:"";position:absolute;inset:0}
.hf-home-kids__emos{position:relative;z-index:1}
.hf-home-kids__emo{display:inline-block;padding:14px 22px;border-radius:999px;border:2px solid #012C2D;color:#012C2D;font:900 18px/1 var(--font-brand);text-decoration:none;transition:transform var(--dur-fast) var(--ease-bounce),box-shadow var(--dur-fast) var(--ease-soft)}
.hf-home-kids__emo:hover{color:#012C2D;transform:translateY(-2px);box-shadow:0 3px 0 #012C2D}

/* Vignettes Instagram provisoires : barre de défilement discrète */
.hf-home-insta{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,#012C2D 30%,#fff) transparent}

/* ---------- Notre démarche ---------- */

.hf-demarche-welcome__text{font-size:17px}
.hf-demarche-welcome__text>p:first-child{font-size:18px}
.hf-demarche-welcome__text>*:last-child{margin-bottom:0}
.hf-demarche-welcome__emos{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.hf-demarche-welcome__emos li{padding:14px 22px;border-radius:999px;border:2px solid #012C2D;font:900 18px/1 var(--font-brand)}
.hf-demarche-welcome__emos li:nth-child(odd){transform:rotate(-2deg)}
.hf-demarche-welcome__emos li:nth-child(3n){transform:rotate(2deg)}

/* ---------- Qui sommes-nous ---------- */

.hf-about__intro>*{margin:0}
.hf-about__intro>*+*{margin-top:.6em}

/* Contenu de l'éditeur : chaque bloc Groupe devient une carte, le reste prend toute la largeur */
.hf-about__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.hf-about__cards>*{margin:0}
.hf-about__cards>:not(.wp-block-group):not(.hf-about__card){grid-column:1/-1}
.hf-about__cards>.wp-block-group,.hf-about__card{display:block;background:#fff;border-radius:24px;padding:30px;box-sizing:border-box}
.hf-about__cards>.wp-block-group::before,.hf-about__card::before{content:"";display:block;width:44px;height:10px;border-radius:999px;background:#74CBD2;margin-bottom:10px}
.hf-about__cards>:nth-child(5n+2)::before{background:#E987C6}
.hf-about__cards>:nth-child(5n+3)::before{background:#BECF71}
.hf-about__cards>:nth-child(5n+4)::before{background:#F1C22A}
.hf-about__cards>:nth-child(5n+5)::before{background:#C59CEC}
.hf-about__cards>.wp-block-group>*,.hf-about__card>*{margin-top:0;margin-bottom:0}
.hf-about__cards>.wp-block-group>*+*,.hf-about__card>*+*{margin-top:10px}
.hf-about__cards h2{font:900 24px/1.15 var(--font-brand);letter-spacing:-.02em}
.hf-about__cards h3{font:700 19px/1.25 var(--font-brand)}
.hf-about__cards ul,.hf-about__cards ol{padding-inline-start:1.3em}
.hf-about__cards img{border-radius:16px;height:auto}

/* ---------- Animations réduites ---------- */
@media (prefers-reduced-motion:reduce){
  .hf-home-book:hover,.hf-home-cahier:hover,.hf-home-kids__emo:hover,.hf-home-une:hover .hf-home-une__cta{transform:none}
}
/* Bloc « Comment ça va, là, maintenant ? » (maquette du 14/10) : tout le bloc est un lien. */
.hf-home-kids,.hf-home-kids:hover{color:#012C2D}
.hf-home-kids:focus-visible{outline:4px solid #C59CEC;outline-offset:4px}