/* Page « Le livre » (/le-livre/) : « Une certaine idée de la France », reprise de la page d'Élysée Conseils
   aux couleurs de Réussir Ensemble ! (2026-11-13). Tout est préfixé .livre- */

.zone-livre .wp-block-post-content > *{ margin-block:0; }
.livre, .livre :where(*){ box-sizing:border-box; }
.livre :where(h1,h2,h3,p,ul){ margin:0; }
.livre{ font-family:'Libre Franklin', system-ui, sans-serif; color:var(--noir-doux); }
.livre a:not(.btn){ color:var(--bleu-clair); text-decoration:underline; text-underline-offset:3px; }

.livre-section{ padding:clamp(56px,8vw,96px) 0; }
.livre-section.creme{ background:var(--creme); }
.livre-section.marine{ background:var(--bleu-marine); color:#fff; }
.livre-section.marine h2, .livre-section.marine h3{ color:#fff; }
.livre-section.marine p{ color:rgba(255,255,255,.82); }
.livre-section.marine a:not(.btn){ color:#fff; }

.livre-surtitre{
  display:inline-block; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--rouge); margin-bottom:14px;
}
.livre h2{ font-size:clamp(30px,4vw,46px); margin-bottom:18px; }
.livre-section p{ font-size:18px; line-height:1.7; color:var(--gris-texte); }
.livre-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

/* En-tête : texte et couverture */
.livre-hero{
  padding:clamp(48px,7vw,90px) 0;
  background:linear-gradient(135deg, var(--creme) 0%, #fff 55%, #E9F0FB 100%);
}
.livre-hero-grille{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(32px,5vw,64px); align-items:center; }
.livre-hero h1{ font-size:clamp(40px,6vw,72px); line-height:1; font-weight:900; margin-bottom:10px; }
.livre-hero h1 .pt{ color:var(--rouge); }
.livre-hero .livre-sous-titre{ font-family:'Fraunces', Georgia, serif; font-size:clamp(20px,2.4vw,26px); color:var(--bleu-roi); margin-bottom:22px; }
.livre-hero p.lead{ font-size:19px; line-height:1.65; color:var(--gris-texte); max-width:580px; }
.livre-hero .livre-note{ font-size:15px; margin-top:16px; color:var(--gris-texte); }
.livre-couverture{ position:relative; max-width:380px; margin-inline:auto; }
.livre-couverture img{ display:block; width:100%; height:auto; border-radius:10px; box-shadow:0 30px 70px rgba(7,30,74,.28); }
.livre-pastille{
  position:absolute; top:-14px; right:-14px; background:var(--rouge); color:#fff; border-radius:999px;
  padding:10px 16px; font-weight:700; font-size:14px; box-shadow:0 10px 24px rgba(236,0,12,.3);
}

/* Trois cartes */
.livre-cartes{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:34px; }
.livre-carte{ background:#fff; border:1px solid var(--gris-bordure); border-radius:var(--rayon); padding:28px; box-shadow:var(--ombre-douce); }
.livre-carte .num{ font-family:'Fraunces', serif; font-weight:900; font-size:32px; color:var(--rouge); line-height:1; display:block; margin-bottom:12px; }
.livre-carte h3{ font-size:22px; margin-bottom:10px; }
.livre-carte p{ font-size:16px; }

/* Du livre au programme */
.livre-pont{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,60px); align-items:center; }
.livre-liste{ list-style:none; padding:0; display:grid; gap:14px; }
.livre-liste li{ position:relative; padding-left:30px; font-size:17px; line-height:1.6; color:var(--gris-texte); }
.livre-liste li::before{ content:""; position:absolute; left:0; top:.55em; width:12px; height:12px; border-radius:50%; background:var(--rouge); }
.livre-liste strong{ color:var(--bleu-marine); }

/* Livre audio */
.livre-audio{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,56px); align-items:start; }
.livre-audio audio{ width:100%; margin-top:22px; }
.livre-chapitres h3{ font-size:20px; margin-bottom:12px; }
.livre-chapitres button{
  display:flex; justify-content:space-between; gap:12px; width:100%; margin:8px 0; padding:13px 16px;
  border:1px solid rgba(255,255,255,.25); border-radius:12px; background:rgba(255,255,255,.08);
  color:#fff; text-align:left; cursor:pointer; font:500 16px 'Libre Franklin', sans-serif;
}
.livre-chapitres button span{ opacity:.7; font-variant-numeric:tabular-nums; }
.livre-chapitres button:hover, .livre-chapitres button.actif{ background:var(--rouge); border-color:var(--rouge); }
.livre-chapitres button:focus-visible{ outline:3px solid #fff; outline-offset:2px; }

/* Appel final */
.livre-final{ text-align:center; max-width:760px; margin-inline:auto; }
.livre-final .livre-actions{ justify-content:center; }
.livre-final .livre-citation{ text-align:left; display:inline-block; }

/* Texte du livre (version du 2026-11-13) */
.livre-section p + p{ margin-top:16px; }
.livre-etroit{ max-width:820px; }
.livre-auteurs{ font-weight:600; font-size:17px; color:var(--bleu-marine); margin-top:6px; }
.livre-devise{ font-family:'Fraunces', Georgia, serif; font-style:italic; font-size:21px; color:var(--rouge); margin-top:6px; }
.livre-hero .livre-auteurs + .livre-devise{ margin-bottom:24px; }
.livre-accroche h2{ font-size:clamp(28px,3.6vw,42px); line-height:1.15; }
.livre-citation{
  margin:30px 0 0; padding:4px 0 4px 22px; border-left:4px solid var(--rouge);
  font-family:'Fraunces', Georgia, serif; font-style:italic; font-size:clamp(20px,2.2vw,24px); line-height:1.45;
  color:var(--bleu-marine);
}
.livre-section.marine .livre-citation{ color:#fff; }
.livre-section strong{ color:var(--bleu-marine); }
.livre-section.marine strong{ color:#fff; }

.livre-pilier{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(24px,4vw,56px);
  padding:clamp(36px,5vw,56px) 0; border-top:1px solid var(--gris-bordure);
}
.livre-pilier:first-of-type{ border-top:0; padding-top:12px; }
.livre-pilier .num{ font-family:'Fraunces', serif; font-weight:900; font-size:15px; letter-spacing:.14em; text-transform:uppercase; color:var(--rouge); display:block; margin-bottom:10px; }
.livre-pilier h3{ font-size:clamp(24px,2.8vw,32px); margin-bottom:10px; }
.livre-pilier .chapeau{ font-family:'Fraunces', Georgia, serif; font-style:italic; font-size:19px; color:var(--bleu-roi); margin-bottom:16px; }
.livre-pilier .livre-liste{ align-self:start; background:var(--creme); border-radius:var(--rayon); padding:26px 26px 26px 24px; }

.livre-coches{ list-style:none; padding:0; display:grid; gap:14px; margin-top:26px; }
.livre-coches li{ position:relative; padding-left:38px; font-size:18px; line-height:1.6; color:var(--gris-texte); }
.livre-coches li::before{
  content:"✓"; position:absolute; left:0; top:2px; width:26px; height:26px; border-radius:50%;
  background:var(--rouge); color:#fff; font-size:14px; font-weight:700; display:grid; place-items:center;
}

.livre-chiffres{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:30px; }
.livre-chiffre{ background:#fff; border:1px solid var(--gris-bordure); border-radius:var(--rayon); padding:22px; text-align:center; }
.livre-chiffre b{ display:block; font-family:'Fraunces', serif; font-weight:900; font-size:40px; line-height:1; color:var(--rouge); margin-bottom:8px; }
.livre-chiffre span{ font-size:15px; color:var(--gris-texte); }

.livre-auteur-cartes, .livre-duo{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:30px; }
.livre-lead{ font-family:'Fraunces', Georgia, serif; font-size:clamp(20px,2.2vw,24px) !important; line-height:1.4 !important; color:var(--bleu-marine) !important; margin-bottom:22px; }
.livre-etiquette{ display:inline-block; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:var(--rouge); border-radius:999px; padding:5px 12px; margin-bottom:14px; }
.livre-duo .livre-carte h3{ font-size:22px; margin-bottom:10px; }

@media (max-width: 850px){
  .livre-hero-grille, .livre-cartes, .livre-pont, .livre-audio, .livre-pilier, .livre-auteur-cartes, .livre-duo{ grid-template-columns:1fr; }
  .livre-chiffres{ grid-template-columns:1fr; }
  .livre-couverture{ max-width:220px; order:-1; }
  .livre-pastille{ right:-6px; }
}
@media (max-width: 480px){
  .livre .btn{ white-space:normal; justify-content:center; width:100%; }
}