/* Les Petits Zounous Éveillés — nouveau design (page d'accueil et pages qui l'adoptent).
   Chaque règle est limitée à body.zh pour ne rien changer aux autres pages. */
body.zh{
  /* Trois couleurs, prises dans le logo */
  --principale:#E3261E;   /* rouge */
  --secondaire:#4A8418;   /* vert */
  --bouton:#FF8A3D;       /* orange, texte noir */
  /* Les mêmes couleurs, éclaircies pour les fonds */
  --principale-clair:#FDEBE9; --secondaire-clair:#EDF5E5; --bouton-clair:#FFF1E6;
  --texte:#111111; --blanc:#FFFFFF;
  --ombre:0 14px 34px rgba(26,26,26,.10);
}
body.zh *{box-sizing:border-box}
html:has(body.zh){scroll-behavior:smooth}
body.zh{margin:0;background:var(--blanc);color:var(--texte);font:500 17px/1.65 Nunito,system-ui,sans-serif;overflow-x:hidden}
body.zh img{max-width:100%;display:block}
body.zh a{color:inherit}
body.zh h1,body.zh h2,body.zh h3{font-family:Fredoka,Nunito,sans-serif;font-weight:700;line-height:1.12;margin:0 0 .5em;color:var(--texte)}
body.zh h1{font-size:clamp(2.2rem,4.8vw,3.7rem)}
body.zh h2{font-size:clamp(1.8rem,3.3vw,2.5rem)}
body.zh h3{font-size:1.25rem}
body.zh p{margin:0 0 1em}
body.zh .contenu{width:min(1180px,100% - 32px);margin-inline:auto;position:relative}
body.zh .mot-principal{color:var(--principale)}
body.zh .mot-secondaire{color:var(--secondaire)}
body.zh .surtitre{display:inline-block;font:800 .82rem/1.3 Nunito,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--principale);background:var(--principale-clair);padding:.5em 1em;border-radius:14px;margin-bottom:1rem}
body.zh .titre-section{text-align:center;margin-bottom:2.6rem}
body.zh .titre-section p{max-width:680px;margin:0 auto;font-size:1.15rem;font-weight:600}
/* Boutons : tous identiques, sauf « Voir la vidéo » */
body.zh .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.6em;width:275px;max-width:100%;height:60px;padding:0 1.4em;border-radius:999px;font:700 1.2rem/1 Fredoka,sans-serif;text-decoration:none;border:0;cursor:pointer;background:linear-gradient(180deg,#FFA160,var(--bouton));color:var(--texte);box-shadow:0 6px 0 #D96A22,0 12px 20px rgba(255,138,61,.35);transition:transform .15s,box-shadow .15s}
body.zh .btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:reflet 4s ease-in-out infinite}
@keyframes reflet{0%,70%{left:-60%}100%{left:130%}}
body.zh .btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 #D96A22,0 16px 24px rgba(255,138,61,.4)}
body.zh .btn:active{transform:translateY(3px);box-shadow:0 3px 0 #D96A22}
body.zh .fleche{transition:transform .15s}
body.zh .btn:hover .fleche{transform:translateX(4px)}
body.zh .btn:focus-visible{outline:3px solid var(--texte);outline-offset:3px}
body.zh .btn--video{display:inline-flex;align-items:center;gap:.6em;height:60px;padding:0 1.5em;border-radius:999px;border:2px solid var(--texte);background:var(--blanc);font:600 1.15rem/1 Fredoka,sans-serif;text-decoration:none}
body.zh .btn--video .lecture{width:24px;height:24px;border-radius:50%;background:var(--principale);display:grid;place-items:center}
body.zh .btn--video .lecture::before{content:"";border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
@media (prefers-reduced-motion:reduce){body.zh .btn::after{animation:none}
}
body.zh .actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
/* Décor */
body.zh .etoile{position:absolute;color:var(--bouton);pointer-events:none;animation:flotte 5s ease-in-out infinite}
body.zh .perso{position:absolute;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(26,26,26,.18));animation:flotte 6s ease-in-out infinite}
@keyframes flotte{50%{transform:translateY(-12px) rotate(3deg)}}
@media (prefers-reduced-motion:reduce){body.zh .etoile,body.zh .perso{animation:none}
}
/* En-tête */
body.zh .entete{background:var(--blanc);position:sticky;top:0;z-index:20;box-shadow:0 3px 18px rgba(26,26,26,.07)}
body.zh .entete .contenu{display:flex;align-items:center;gap:1.5rem;min-height:80px}
body.zh .marque{display:flex;align-items:center;gap:.7rem;text-decoration:none}
body.zh .marque img{width:54px;height:54px;border-radius:50%}
body.zh .marque span{font:700 1.15rem/1.05 Fredoka,sans-serif;color:var(--texte)}
body.zh .marque small{display:block;font:800 .66rem/1.3 Nunito,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--secondaire)}
body.zh .menu{display:flex;gap:1.2rem;margin:0 0 0 auto;list-style:none;padding:0;font-weight:700;white-space:nowrap}
body.zh .entete .btn{flex:none}
body.zh .marque{flex:none;white-space:nowrap}
body.zh .menu a{text-decoration:none;padding:.3em 0;border-bottom:3px solid transparent}
body.zh .menu a:hover,body.zh .menu a[aria-current]{color:var(--principale);border-color:var(--principale)}
@media (max-width:1180px){body.zh .menu{display:none}
body.zh .entete .btn{margin-left:auto}
}
@media (max-width:960px){body.zh .menu{display:none}
body.zh .entete .btn{margin-left:auto;width:auto;height:48px;font-size:.95rem;white-space:nowrap}
body.zh .marque small{display:none}
}
/* Petit cadre qui fait défiler le texte */
body.zh .defile{display:block;width:min(330px,100%);overflow:hidden;background:var(--blanc);border:2px dashed var(--principale);border-radius:16px;padding:.6em 0;margin-bottom:1.1rem;transform:rotate(-2deg);box-shadow:0 6px 14px rgba(227,38,30,.15)}
body.zh .defile__piste{display:inline-flex;white-space:nowrap;animation:defile 12s linear infinite;font:800 .9rem/1 Nunito,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--principale)}
body.zh .defile:hover .defile__piste{animation-play-state:paused}
@keyframes defile{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){body.zh .defile__piste{animation:none}
}
/* Accueil */
body.zh .hero{background:var(--bouton-clair);position:relative;padding:3.5rem 0 7rem}
body.zh .hero .contenu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.5rem;align-items:center}
body.zh .hero__texte p{font-size:1.15rem;font-weight:600;max-width:490px}
body.zh .hero__image{position:relative}
body.zh .hero__image .blob{border-radius:58% 42% 50% 50% / 46% 52% 48% 54%;overflow:hidden;border:10px solid var(--blanc);box-shadow:var(--ombre);aspect-ratio:1.25}
body.zh .hero__image .blob img{width:100%;height:100%;object-fit:cover;object-position:82% center}
body.zh .hero .perso--caramel{width:150px;right:-30px;top:-40px}
body.zh .vague{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:90px;display:block}
@media (max-width:860px){body.zh .hero .contenu{grid-template-columns:minmax(0,1fr)}
body.zh .hero .perso--caramel{width:100px;right:0;top:-30px}
}
/* Pourquoi nous choisir (carte qui chevauche la bannière) */
body.zh .atouts{position:relative;z-index:2;margin-top:-5.5rem}
body.zh .atouts__carte{background:var(--blanc);border-radius:30px;box-shadow:var(--ombre);padding:clamp(1.8rem,4vw,3rem)}
body.zh .atouts h2{text-align:center;margin-bottom:.3em}
body.zh .atouts__intro{text-align:center;max-width:680px;margin:0 auto 2.2rem;font-size:1.15rem;font-weight:600}
body.zh .atouts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem}
body.zh .atouts li{text-align:center}
body.zh .vignette{width:140px;height:140px;margin:0 auto 1.6rem;border-radius:50%;display:grid;place-items:center;background:var(--bouton-clair)}
body.zh .atouts li:nth-child(2) .vignette{background:var(--secondaire-clair)}
body.zh .atouts li:nth-child(3) .vignette{background:var(--principale-clair)}
body.zh .atouts li:nth-child(4) .vignette{background:var(--secondaire-clair)}
body.zh .vignette svg{width:62px;height:62px}
body.zh .vignette img{width:108%;height:108%;max-width:none;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(26,26,26,.15));transition:transform .25s}
body.zh .atouts li:hover .vignette img{transform:scale(1.06) rotate(-3deg)}
body.zh .atouts h3{font-size:1.3rem;margin-bottom:.45em}
body.zh .atouts li p{font-size:.98rem;margin:0}
body.zh .atouts .perso--pipo{width:120px;left:-40px;top:-40px}
@media (max-width:1000px){body.zh .atouts ul{grid-template-columns:1fr 1fr}
body.zh .atouts .perso--pipo{display:none}
}
@media (max-width:540px){body.zh .atouts ul{grid-template-columns:minmax(0,1fr)}
}
body.zh section{padding-block:clamp(3.5rem,7vw,5.5rem);position:relative}
/* Créations */
body.zh .cartes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}
@media (max-width:1000px){body.zh .cartes{grid-template-columns:1fr 1fr}
}
@media (max-width:540px){body.zh .cartes{grid-template-columns:minmax(0,1fr)}
}
body.zh .carte{border-radius:26px;padding:1rem 1rem 1.5rem;text-align:center;display:flex;flex-direction:column;transition:transform .2s}
body.zh .carte:hover{transform:translateY(-6px) rotate(-.5deg)}
body.zh .carte:nth-child(odd){background:var(--principale-clair)}
body.zh .carte:nth-child(even){background:var(--secondaire-clair)}
body.zh .carte img{border-radius:18px;aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:1rem}
body.zh .carte .canal{display:inline-block;font:800 .95rem/1.2 Nunito,sans-serif;margin-bottom:.6rem}
body.zh .carte p{font-size:.96rem;padding-inline:.4rem}
body.zh .carte .btn{margin:auto auto 0;width:100%}
/* Bande des moments */
body.zh .moments{background:var(--principale);color:var(--blanc);padding-block:7rem}
body.zh .moments::before,body.zh .moments::after{content:"";position:absolute;left:0;right:0;height:70px;background:var(--blanc)}
body.zh .moments::before{top:-1px;clip-path:path("M0 0 H3000 V30 C2600 75 2300 10 1900 40 C1500 70 1200 15 800 45 C450 70 200 25 0 50 Z")}
body.zh .moments::after{bottom:-1px;clip-path:path("M0 70 H3000 V30 C2650 0 2300 60 1900 35 C1500 10 1150 60 800 35 C450 10 200 55 0 25 Z")}
body.zh .moments .contenu{display:grid;grid-template-columns:.85fr 2fr;gap:2.5rem;align-items:center}
body.zh .moments h2,body.zh .moments h3{color:var(--blanc)}
body.zh .ronds{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;text-align:center}
body.zh .ronds figure{margin:0}
body.zh .ronds img{aspect-ratio:1;border-radius:50%;object-fit:cover;border:7px solid var(--bouton);margin-bottom:.8rem;box-shadow:0 10px 24px rgba(0,0,0,.18)}
body.zh .ronds figure:nth-child(even) img{border-color:var(--blanc)}
body.zh .ronds h3{font-size:1.08rem;margin:0}
@media (max-width:900px){body.zh .moments .contenu{grid-template-columns:minmax(0,1fr)}
body.zh .ronds{grid-template-columns:1fr 1fr}
}
/* Vidéo + livre offert */
body.zh .duo{display:grid;grid-template-columns:1.25fr 1fr;gap:2.5rem;align-items:center}
@media (max-width:900px){body.zh .duo{grid-template-columns:minmax(0,1fr)}
}
body.zh .video{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--ombre);aspect-ratio:16/9;border:8px solid var(--blanc);outline:3px dashed var(--principale-clair);outline-offset:6px}
body.zh .video img{width:100%;height:100%;object-fit:cover}
body.zh .video__bouton{position:absolute;inset:0;margin:auto;width:86px;height:86px;border-radius:50%;background:var(--bouton);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(255,138,61,.35)}
body.zh .video__bouton::before{content:"";border-left:26px solid var(--texte);border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:7px}
body.zh .video__note{position:absolute;left:1rem;bottom:1rem;background:var(--blanc);border-radius:999px;padding:.4em 1em;font:600 .85rem/1.2 Fredoka,sans-serif}
body.zh .offre{background:var(--secondaire);color:var(--blanc);border-radius:28px;padding:2rem;position:relative;box-shadow:var(--ombre)}
body.zh .offre h2{font-size:1.85rem;color:var(--blanc);margin:0}
body.zh .offre__haut{display:flex;gap:1.2rem;align-items:center;margin-bottom:1rem}
body.zh .couv-offert{flex:none;width:96px;aspect-ratio:3/4;border-radius:10px;background:var(--blanc);border:3px dashed var(--bouton);display:grid;place-items:center;text-align:center;font:600 .72rem/1.2 Fredoka,sans-serif;color:var(--texte);padding:.3rem;transform:rotate(-4deg);box-shadow:0 8px 16px rgba(0,0,0,.15)}
body.zh .offre label{display:block;margin-bottom:.8rem}
body.zh .offre label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.zh .offre input{width:100%;border:0;border-radius:999px;padding:.95em 1.3em;font:600 1rem Nunito,sans-serif;color:var(--texte)}
body.zh .offre input::placeholder{color:var(--texte);opacity:.75}
body.zh .offre input:focus-visible{outline:3px solid var(--bouton)}
body.zh .offre .btn{margin-top:.4rem}
body.zh .offre small{display:block;margin-top:.9rem;font-size:.95rem}
body.zh .offre .perso--tilou{width:92px;right:-24px;top:-58px}
/* Temps fort (ici : Noël) */
body.zh .temps-fort{background:var(--secondaire);color:var(--texte);overflow:visible;width:min(1180px,100% - 32px);margin:3.5rem auto 0;border-radius:36px}
body.zh .temps-fort .contenu{width:auto;padding-inline:clamp(1.2rem,4vw,3.5rem)}
body.zh .temps-fort::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(#fff 1.2px,transparent 1.6px),radial-gradient(#fff 1px,transparent 1.4px);background-size:90px 90px,140px 140px;background-position:0 0,40px 60px;opacity:.3}
body.zh .temps-fort .contenu{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;align-items:center}
body.zh .temps-fort h2{color:var(--principale)}
body.zh .lampe{display:inline-block;background:var(--blanc);border:2px solid var(--principale);color:var(--principale);font:800 1rem/1 Nunito,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:.6em 1.2em;border-radius:14px;margin-bottom:1rem;animation:lampe 1.6s steps(1) infinite}
@keyframes lampe{0%{box-shadow:0 0 0 4px rgba(227,38,30,.4),0 0 28px 10px rgba(255,255,255,.95);color:var(--principale)}50%{box-shadow:0 0 0 0 transparent;color:#F4B3AF}}
@media (prefers-reduced-motion:reduce){body.zh .lampe{animation:none}
}
body.zh .livres{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}
body.zh .livre{background:var(--blanc);color:var(--texte);border-radius:22px;padding:1rem;text-align:center}
body.zh .livre .couv{aspect-ratio:8.5/11;border-radius:12px;background:repeating-linear-gradient(45deg,var(--principale-clair),var(--principale-clair) 12px,#fff 12px,#fff 24px);display:grid;place-items:center;font:600 .9rem Fredoka,sans-serif;margin-bottom:.8rem}
/* Couvertures entières, à la même hauteur, sans bandes ni découpe */
body.zh .livre img.couv{display:block;aspect-ratio:auto;height:340px;width:auto;max-width:100%;object-fit:contain;margin:0 auto .9rem;background:none;border-radius:4px;box-shadow:0 10px 18px rgba(26,26,26,.28)}
@media (max-width:540px){body.zh .livre img.couv{height:240px}
}
body.zh .livre h3{font-size:1.35rem;line-height:1.2;margin-bottom:.9rem;min-height:3.2em;display:flex;align-items:center;justify-content:center}
body.zh .livre .btn{margin-inline:auto}
/* Livre pas encore en vente : même taille qu'un bouton, mais sans lien */
body.zh .btn--bientot{background:var(--blanc);border:2px dashed var(--bouton);box-shadow:none;cursor:default}
body.zh .btn--bientot::after{content:none}
body.zh .btn--bientot:hover{transform:none;box-shadow:none}
body.zh .temps-fort .perso{z-index:3}
body.zh .temps-fort .perso--noel{width:160px;right:-95px;bottom:-40px}
body.zh .temps-fort .perso--flocon{width:120px;left:-55px;bottom:-45px}
body.zh .livres{max-width:640px;margin-inline:auto}
body.zh .livre{padding:.8rem}
body.zh .etiquette-maquette{display:inline-block;background:var(--bouton);color:var(--texte);font:800 .75rem Nunito;padding:.3em .8em;border-radius:6px;margin-bottom:.8rem}
@media (max-width:600px){body.zh .livres{grid-template-columns:minmax(0,1fr);max-width:330px}
}
@media (max-width:900px){body.zh .temps-fort .contenu{grid-template-columns:minmax(0,1fr)}
body.zh .temps-fort .perso--flocon{display:none}
body.zh .temps-fort .perso--noel{width:110px;right:-10px;bottom:-30px}
}
/* FAQ : chaque question est un titre H3 */
body.zh .faq{max-width:820px;margin-inline:auto}
body.zh .faq details{background:var(--principale-clair);border-radius:18px;margin-bottom:.8rem}
body.zh .faq summary{cursor:pointer;padding:1.1rem 1.4rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
body.zh .faq summary::-webkit-details-marker{display:none}
body.zh .faq summary h3{font-size:1.08rem;margin:0;line-height:1.35}
body.zh .faq summary::after{content:"+";width:28px;height:28px;flex:none;border-radius:50%;background:var(--bouton);display:grid;place-items:center;line-height:1;font-weight:800}
body.zh .faq details[open] summary::after{content:"–"}
body.zh .faq details p{padding:0 1.4rem 1.2rem;margin:0}
/* Engagements */
body.zh .engagements{padding-block:3.2rem 4.2rem;background:var(--bouton-clair)}
body.zh .engagements ul{list-style:none;margin-block:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
body.zh .engagements li{display:flex;align-items:center;gap:1rem;background:var(--blanc);border-radius:22px;padding:1.2rem 1.3rem;box-shadow:var(--ombre);transition:transform .2s}
body.zh .engagements li:hover{transform:translateY(-4px)}
body.zh .eng-icone{flex:none;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;transform:rotate(-6deg);box-shadow:0 6px 12px rgba(0,0,0,.12)}
body.zh .eng-icone svg{width:30px;height:30px}
body.zh .eng-icone--rouge{background:var(--principale)}
body.zh .eng-icone--vert{background:var(--secondaire)}
body.zh .eng-icone--orange{background:var(--bouton)}
body.zh .engagements strong{display:block;font:700 1.08rem/1.25 Fredoka,sans-serif}
body.zh .eng-texte{display:block;font-size:.95rem;line-height:1.4;margin-top:.2rem}
body.zh .engagements a{color:var(--principale);font-weight:700}
@media (max-width:1000px){body.zh .engagements ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:540px){body.zh .engagements ul{grid-template-columns:minmax(0,1fr)}
}
/* Pied de page */
body.zh .pied{background:var(--principale);color:var(--blanc);padding:5.5rem 0 1.5rem;position:relative;font-size:.95rem}
body.zh .pied::before{content:"";position:absolute;left:0;right:0;top:-1px;height:60px;background:var(--bouton-clair);clip-path:path("M0 0 H3000 V20 C2600 60 2250 5 1900 30 C1500 60 1150 5 800 30 C450 55 200 10 0 35 Z")}
body.zh .pied__grille{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
@media (max-width:860px){body.zh .pied__grille{grid-template-columns:1fr 1fr}
}
body.zh .pied__titre{font:600 1.1rem/1.2 Fredoka,sans-serif;margin-bottom:.8rem}
body.zh .pied ul{list-style:none;padding:0;margin:0}
body.zh .pied li{margin-bottom:.45rem}
body.zh .pied a{text-decoration:none}
body.zh .pied a:hover{text-decoration:underline}
body.zh .pied .perso--chacha{width:120px;right:0;bottom:30px}
body.zh .pied__bas{border-top:1px solid rgba(255,255,255,.35);margin-top:2.5rem;padding-top:1.2rem;font-size:.95rem;text-align:center}
@media (max-width:860px){body.zh .pied .perso{display:none}
}


/* Mise en page Astra : pleine largeur, sans marges autour du contenu */
body.zh .site-content > .ast-container{max-width:none;padding:0;display:block}
body.zh .entry-content > *{margin-block:0}
body.zh .site-main > article{margin:0;padding:0}
body.zh #primary{margin:0;padding:0}
/* Astra fixe la taille de base à 18 px : on revient à 16 px pour garder les proportions de la maquette */
html:has(body.zh){font-size:100%}
/* En-tête collant sous la barre d'administration quand elle est affichée */
body.zh .entete{top:var(--wp-admin--admin-bar--height,0px)}
/* Les personnages qui dépassent des cadres ne doivent pas créer de défilement horizontal */
/* clip (et non hidden) : hidden casserait l'en-tête collant */
html:has(body.zh),body.zh,body.zh #page{overflow-x:clip}
/* Bouton « remonter » d'Astra aux couleurs du site */
body.zh #ast-scroll-top{background:var(--bouton);color:var(--texte);border-radius:50%}
/* Temps fort écrit avec les blocs de l'éditeur (modifiable sans code) */
body.zh .temps-fort .wp-block-image{margin:0}
/* Pas des marges automatiques de l'éditeur entre les blocs : on garde celles du design */
body.zh .temps-fort .contenu > *,body.zh .temps-fort .wp-block-group > *{margin-block:0}
body.zh .temps-fort .tf-texte > .wp-block-heading{margin:0 0 .5em}
body.zh .temps-fort .tf-texte > p:not(.lampe){margin:0 0 1.2em}
body.zh .temps-fort .livre > .wp-block-heading{margin:0 0 .9rem}
body.zh .temps-fort figure.perso img{display:block;width:100%;height:auto}
body.zh .temps-fort p.lampe{margin:0 0 1rem}
/* Titre dans un bandeau blanc : noir, avec des mots en vert et en rouge (couleur du texte de l'éditeur) */
body.zh .temps-fort .tf-texte > .wp-block-heading{display:inline-block;background:var(--blanc);color:var(--texte);padding:.45em .7em;border-radius:18px;box-shadow:0 8px 18px rgba(0,0,0,.15)}
body.zh .temps-fort .tf-texte p:not(.lampe){font-weight:600}
body.zh .temps-fort .tf-texte p:not(.lampe){color:var(--blanc)}
body.zh .temps-fort .livre .wp-block-heading{color:var(--texte)}
body.zh .temps-fort .livre figure.couv{margin:0 0 .9rem;aspect-ratio:auto;background:none;display:block;border-radius:0}
body.zh .temps-fort .livre figure.couv img{display:block;height:340px;width:auto;max-width:100%;object-fit:contain;margin:0 auto;border-radius:4px;box-shadow:0 10px 18px rgba(26,26,26,.28)}
@media (max-width:540px){body.zh .temps-fort .livre figure.couv img{height:240px}}
body.zh .temps-fort .wp-block-buttons{margin:0;gap:1rem}
body.zh .temps-fort .livre .wp-block-buttons{justify-content:center}
/* !important : la feuille du thème enfant force les boutons de l'éditeur en rouge */
body.zh .temps-fort .wp-block-button__link{position:relative;overflow:hidden;display:inline-flex !important;align-items:center;justify-content:center;width:275px;max-width:100%;height:60px;min-height:0 !important;padding:0 1.4em !important;border-radius:999px !important;font:700 1.2rem/1 Fredoka,sans-serif !important;white-space:nowrap;text-decoration:none !important;border:0 !important;background:linear-gradient(180deg,#FFA160,var(--bouton)) !important;color:var(--texte) !important;box-shadow:0 6px 0 #D96A22,0 12px 20px rgba(255,138,61,.35);transition:transform .15s,box-shadow .15s}
body.zh .temps-fort .wp-block-button__link::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:reflet 4s ease-in-out infinite}
body.zh .temps-fort .wp-block-button__link:hover{transform:translateY(-3px);color:var(--texte)}
/* Plusieurs articles : à partir de 3 cartes, elles passent sous le texte, en grille sur toute la largeur */
body.zh .temps-fort .livres:has(> .livre:nth-child(3)){grid-column:1/-1;max-width:none;width:100%;grid-template-columns:repeat(auto-fit,minmax(240px,270px));justify-content:center;margin-top:1rem}
body.zh .temps-fort .contenu:has(.livres > .livre:nth-child(3)) .tf-texte{grid-column:1/-1;max-width:820px}
body.zh .temps-fort .livre{position:relative;display:flex;flex-direction:column}
/* Boutons alignés en bas de chaque carte, même si un titre est plus long */
body.zh .temps-fort .livre > .wp-block-buttons{margin-top:auto !important}
body.zh .temps-fort .livre > .wp-block-heading{min-height:0;flex:1 0 auto;align-items:flex-start;padding-bottom:.4rem}
body.zh .temps-fort .livre .wp-block-button{width:100%;display:flex;justify-content:center}
body.zh .temps-fort .livre .wp-block-button__link{width:min(275px,100%)}
/* Carte t-shirt : cadre plus large (deux colonnes) et image presque carrée qui remplit la carte */
body.zh .temps-fort .livre.tshirt figure.couv img{width:100%;height:auto;max-width:none;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
@media (min-width:700px){body.zh .temps-fort .livres:has(> .livre:nth-child(3)) .livre.tshirt{grid-column:span 2}}
body.zh .temps-fort .livres:not(:has(> .livre:nth-child(3))) .livre.tshirt figure.couv img{aspect-ratio:1}
/* Rangées organisées : livres et cahiers d'abord, puis les t-shirts sur leur propre rangée (tri automatique) */
body.zh .temps-fort .livres > .livre{order:1}
body.zh .temps-fort .livres > .livre.tshirt{order:3}
body.zh .temps-fort .livres:has(> .livre.tshirt):has(> .livre:not(.tshirt))::after{content:"";order:2;grid-column:1/-1;height:0;border-top:2px dashed rgba(255,255,255,.45)}
/* Pastille de réduction (« -30 % ») posée sur le coin de la carte */
body.zh .temps-fort .pastille-promo{position:absolute;top:-14px;left:-14px;z-index:2;margin:0 !important;background:var(--principale);color:var(--blanc) !important;font:800 1.15rem/1 Fredoka,sans-serif;padding:.5em .85em;border-radius:999px;transform:rotate(-8deg);box-shadow:0 6px 14px rgba(0,0,0,.25)}
/* Bouton sans lien = livre pas encore en vente */
body.zh .temps-fort .wp-block-button__link:not([href]){background:var(--blanc) !important;border:2px dashed var(--bouton) !important;box-shadow:none;cursor:default}
body.zh .temps-fort .wp-block-button__link:not([href])::after{content:none}
body.zh .temps-fort .wp-block-button__link:not([href]):hover{transform:none}
/* Pied de page : titres dans des étiquettes blanches écrites en rouge, liens blancs précédés d'une étoile orange */
body.zh .pied{padding:5.5rem 0 1.8rem}
body.zh .pied__grille{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem}
body.zh .pied__logo{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;margin-bottom:1rem}
body.zh .pied__logo img{width:64px;height:64px;border-radius:50%;background:var(--blanc);padding:4px;box-shadow:0 6px 14px rgba(0,0,0,.2)}
body.zh .pied__logo span{font:700 1.25rem/1.15 Fredoka,sans-serif;color:var(--blanc)}
body.zh .pied__marque p{max-width:340px;line-height:1.6;font-weight:600}
body.zh .pied__titre{display:inline-block;background:var(--blanc);color:var(--principale);font:700 .92rem/1 Fredoka,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:.55em 1em;border-radius:999px;margin:0 0 1.1rem;box-shadow:0 6px 14px rgba(0,0,0,.18)}
body.zh .pied__colonne li{margin-bottom:.65rem}
body.zh .pied__colonne a{display:inline-flex;align-items:baseline;gap:.5em;font-weight:700;color:var(--blanc);transition:transform .15s}
body.zh .pied__colonne a::before{content:"★";color:var(--bouton);font-size:.9em}
body.zh .pied__colonne a:hover{transform:translateX(4px);text-decoration:underline}
body.zh .pied__reseaux{display:flex;gap:.6rem;list-style:none;padding:0;margin:1.1rem 0 0}
body.zh .pied__reseaux a,body.zh .pied__reseaux span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--blanc);color:var(--principale);text-decoration:none;box-shadow:0 6px 12px rgba(0,0,0,.18);transition:transform .15s}
body.zh .pied__reseaux a:hover{transform:translateY(-3px) rotate(-6deg)}
body.zh .pied__reseaux span{cursor:default}
body.zh .pied__bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;text-align:left;font-weight:600}
/* Place réservée à Chacha, à droite, pour qu'il ne cache aucun lien */
@media (min-width:861px){body.zh .pied__grille,body.zh .pied__bas{padding-right:150px}body.zh .pied .perso--chacha{width:125px;right:0;bottom:20px}}
@media (max-width:860px){body.zh .pied__grille{grid-template-columns:1fr 1fr}body.zh .pied__marque{grid-column:1/-1}}
@media (max-width:480px){body.zh .pied__grille{grid-template-columns:minmax(0,1fr)}body.zh .pied__bas{justify-content:center;text-align:center}}
/* Les images ont leur taille dans le code : la hauteur reste proportionnelle, sauf règle plus précise */
body.zh img{height:auto}
/* ── Page Livres ── */
/* Bannière des pages intérieures : pas de carte qui la chevauche, donc moins d'espace en bas */
body.zh .hero--page{padding-bottom:5.5rem}
/* Fiche d'un livre : couverture d'un côté, texte de l'autre (côtés inversés un livre sur deux) */
body.zh .fiches{display:grid;gap:2.2rem}
body.zh .fiche-livre{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;border-radius:30px;padding:clamp(1.4rem,3.5vw,2.8rem);background:var(--principale-clair)}
body.zh .fiche-livre:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,320px);background:var(--secondaire-clair)}
body.zh .fiche-livre:nth-child(even) .fiche-livre__couv{order:2}
body.zh .fiche-livre .couv,body.zh .complement .couv{width:100%;border-radius:4px;box-shadow:0 14px 26px rgba(26,26,26,.28);transform:rotate(-2deg);transition:transform .25s}
body.zh .fiche-livre:nth-child(even) .couv{transform:rotate(2deg)}
body.zh .fiche-livre:hover .couv{transform:rotate(0) scale(1.02)}
body.zh .fiche-livre .surtitre{background:var(--blanc)}
body.zh .fiche-livre h3{font-size:clamp(1.6rem,2.8vw,2.1rem);margin-bottom:.35em}
body.zh .fiche-livre .canal{display:inline-block;font:800 1rem/1.2 Nunito,sans-serif;margin-bottom:1rem}
body.zh .points{list-style:none;padding:0;margin:0 0 1.8rem;display:grid;gap:.55rem}
body.zh .points li{display:flex;gap:.6em;align-items:baseline;font-weight:700}
body.zh .points li::before{content:"★";color:var(--principale);flex:none}
@media (max-width:760px){body.zh .fiche-livre,body.zh .fiche-livre:nth-child(even){grid-template-columns:minmax(0,1fr);text-align:center}
body.zh .fiche-livre:nth-child(even) .fiche-livre__couv{order:0}
body.zh .fiche-livre .couv{max-width:250px;margin-inline:auto}
body.zh .points{width:fit-content;max-width:100%;margin-inline:auto;text-align:left}}
/* Étapes de lecture dans la bande rouge : cartes blanches numérotées */
body.zh .etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;counter-reset:etape}
body.zh .etapes li{position:relative;background:var(--blanc);color:var(--texte);border-radius:24px;padding:2.3rem 1.4rem 1.6rem;box-shadow:0 10px 24px rgba(0,0,0,.18);counter-increment:etape}
body.zh .etapes li::before{content:counter(etape);position:absolute;top:-22px;left:1.4rem;width:48px;height:48px;border-radius:50%;background:var(--bouton);border:4px solid var(--blanc);display:grid;place-items:center;font:700 1.4rem/1 Fredoka,sans-serif;color:var(--texte);transform:rotate(-6deg)}
body.zh .moments .etapes h3{color:var(--texte);font-size:1.2rem}
body.zh .etapes p{margin:0;font-size:.98rem}
@media (max-width:1000px){body.zh .etapes{grid-template-columns:minmax(0,1fr);gap:2.2rem}}
/* Encadré « pour aller plus loin » : couverture + texte sur fond orangé clair */
body.zh .complement{position:relative;display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;background:var(--bouton-clair);border-radius:30px;padding:clamp(1.6rem,4vw,3rem) clamp(1.6rem,5vw,4rem)}
body.zh .complement .couv{transform:rotate(3deg)}
body.zh .complement .perso--pipo{width:110px;right:-30px;top:-55px}
@media (max-width:760px){body.zh .complement{grid-template-columns:minmax(0,1fr);text-align:center}
body.zh .complement .couv{max-width:200px;margin-inline:auto}
body.zh .complement .perso--pipo{width:80px;right:-6px;top:-40px}}
/* Menu replié sur tablette et téléphone */
body.zh .menu-mobile{display:none;margin-left:auto;position:relative}
body.zh .menu-mobile summary{list-style:none;cursor:pointer;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--principale-clair);font-size:1.4rem;color:var(--principale)}
body.zh .menu-mobile summary::-webkit-details-marker{display:none}
body.zh .menu-mobile ul{position:absolute;right:0;top:56px;z-index:30;list-style:none;margin:0;padding:.8rem;background:var(--blanc);border-radius:18px;box-shadow:var(--ombre);min-width:220px}
body.zh .menu-mobile li a{display:block;padding:.6rem .8rem;font-weight:700;text-decoration:none;border-radius:10px}
body.zh .menu-mobile li a:hover{background:var(--principale-clair)}
@media (max-width:1180px){body.zh .menu-mobile{display:block}body.zh .entete .btn{margin-left:.6rem}}
@media (max-width:540px){body.zh .entete .btn{display:none}body.zh .marque{flex:1 1 auto;min-width:0;white-space:normal}body.zh .marque span{font-size:1rem}body.zh .marque img{width:46px;height:46px}}