/*
Theme Name: Couverture
Theme URI: https://www.petitebohemecie.com/
Author: Petite Bohème & Cie
Description: Thème sur mesure de Petite Bohème & Cie, le magazine des jeunes parents. Marque centrée, couverture sur fond sauge, rubriques en portraits, les plus lus, articles avec « La réponse courte », sommaire et encadrés.
Version: 1.0.5
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: couverture
*/

/* ---------- Polices servies par le site ---------- */
@font-face{font-family:"Petrona";src:url(assets/fonts/petrona.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"Petrona";src:url(assets/fonts/petrona-italique.woff2) format("woff2");font-weight:500 600;font-style:italic;font-display:swap}
@font-face{font-family:"Outfit";src:url(assets/fonts/outfit.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

/* ---------- Jetons ---------- */
:root{
  --cv-blanc:#FFFFFF; --cv-encre:#26302A; --cv-gris:#646C66; --cv-trait:#E7E2DC; --cv-creme:#FAF7F4;
  --cv-sauge:#2E4636; --cv-sauge-f:#22342A; --cv-sauge-t:#E5ECE6;
  --cv-rose:#F4E1D8; --cv-rose-f:#EBCFC2; --cv-argile:#B06B57; --cv-argile-c:#E7B9A8;
  --cv-titre:"Petrona",Georgia,"Times New Roman",serif;
  --cv-corps:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --cv-marge:clamp(16px,4vw,40px);
  --cv-large:1200px;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--cv-blanc);color:var(--cv-encre);font:16px/1.6 var(--cv-corps);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--cv-sauge)}
:focus-visible{outline:2px solid var(--cv-argile);outline-offset:3px}
h1,h2,h3,h4{text-wrap:balance;margin:0}
p,ul,ol,figure,blockquote{margin:0}
button,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cv-evitement{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--cv-encre);color:#fff;padding:10px 16px;border-radius:4px}
.cv-evitement:focus{left:16px;color:#fff}
.cv-ctn{padding-inline:var(--cv-marge);max-width:calc(var(--cv-large) + 2 * var(--cv-marge));margin-inline:auto}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* ---------- Briques communes ---------- */
.cv-rub{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cv-argile)}
a.cv-rub:hover{color:var(--cv-sauge)}
.cv-date{font-size:13.5px;color:var(--cv-gris)}
.cv-lbl{font:600 12.5px/1 var(--cv-corps);letter-spacing:.12em;text-transform:uppercase;color:var(--cv-gris);padding-bottom:12px;border-bottom:1px solid var(--cv-trait)}
.cv-avatar{border-radius:50%;object-fit:cover}
.cv-sans-image{display:block;width:100%;height:100%;min-height:60px;background:var(--cv-rose) radial-gradient(circle at 50% 55%,var(--cv-rose-f) 0 18%,transparent 19%)}
.cv-vide{padding-block:48px;color:var(--cv-gris);font-size:17px;max-width:60ch}
.cv-picto{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cv-section{padding-top:48px}
.cv-titre-section{font:600 28px/1.2 var(--cv-titre)}
.cv-entete-section{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px}
.cv-lien-section{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--cv-sauge);white-space:nowrap}
.cv-lien-section .cv-picto{width:16px;height:16px}
.cv-lien-section:hover{color:var(--cv-argile)}

/* ---------- En-tête ---------- */
.cv-haut{border-bottom:1px solid var(--cv-trait);font-size:13px;color:var(--cv-gris)}
.cv-haut .cv-ctn{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:40px}
.cv-haut-droite{display:flex;align-items:center;gap:22px}
.cv-haut-liens{list-style:none;margin:0;padding:0;display:flex;gap:18px}
.cv-bouton-texte{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--cv-gris)}
.cv-bouton-texte .cv-picto{width:15px;height:15px}
.cv-bouton-texte:hover{color:var(--cv-sauge)}
.cv-mast{display:grid;justify-items:center;gap:6px;padding-block:24px 16px;position:relative}
.cv-marque{margin:0;font-size:inherit;font-weight:inherit}
.cv-marque a{display:flex;align-items:center;gap:14px;color:var(--cv-encre)}
.cv-marque-img{width:54px;height:54px;object-fit:contain}
.cv-marque-nom{font:600 44px/1 var(--cv-titre);letter-spacing:-.012em;white-space:nowrap}
.cv-marque-nom em,.cv-pied-nom em{font-style:italic;font-weight:500;color:var(--cv-argile)}
.cv-sous-titre{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cv-gris)}
.cv-boutons{display:none}
.cv-bouton{display:grid;place-items:center;width:42px;height:42px;border-radius:50%}
.cv-bouton:hover{background:var(--cv-creme)}
.cv-nav{border-block:1px solid var(--cv-trait);background:var(--cv-blanc)}
.cv-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 32px}
.cv-menu a{display:block;padding-block:13px;font-weight:500;font-size:15px}
.cv-menu .current-menu-item>a,.cv-menu .current-menu-parent>a,.cv-menu .current-post-parent>a,.cv-menu .current-category-ancestor>a{color:var(--cv-sauge);box-shadow:inset 0 -2px 0 var(--cv-argile)}
.cv-recherche{border-bottom:1px solid var(--cv-trait);background:var(--cv-creme);padding-block:18px}
.cv-form-recherche{display:flex;max-width:640px;margin-inline:auto;border:1.5px solid var(--cv-sauge);border-radius:6px;overflow:hidden;background:var(--cv-blanc)}
.cv-form-recherche input{flex:1;min-width:0;border:0;padding:13px 16px;font-size:16px;background:transparent}
.cv-form-recherche input:focus{outline:none}
.cv-form-recherche:focus-within{box-shadow:0 0 0 3px var(--cv-rose-f)}
.cv-form-recherche button{background:var(--cv-sauge);color:#fff;padding-inline:22px;font-weight:500}
.cv-form-recherche button:hover{background:var(--cv-sauge-f)}

/* ---------- Cartes ---------- */
.cv-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
.cv-grille-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}
.cv-grille>*{width:auto;max-width:none;float:none;margin:0;padding:0}
.cv-carte{display:grid;gap:12px;align-content:start}
.cv-carte-img{display:block;aspect-ratio:1.9/1;border-radius:4px;overflow:hidden;background:var(--cv-rose)}
.cv-carte-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cv-carte:hover .cv-carte-img img{transform:scale(1.03)}
.cv-carte-txt{display:grid;gap:7px;align-content:start}
.cv-carte-titre{font:600 20px/1.25 var(--cv-titre)}
.cv-grille-4 .cv-carte-titre{font-size:18px}
.cv-carte-chapo{font-size:14.5px;line-height:1.55;color:var(--cv-gris)}

/* ---------- Accueil ---------- */
.cv-couverture{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);margin-top:30px;border-radius:4px;overflow:hidden}
.cv-couverture-img{display:block;aspect-ratio:4/3;background:var(--cv-rose)}
.cv-couverture-img img{width:100%;height:100%;object-fit:cover}
.cv-couverture-txt{background:var(--cv-sauge);color:#F3EEE9;padding:clamp(24px,4vw,48px);display:grid;align-content:center;gap:16px}
.cv-couverture-txt .cv-rub{color:var(--cv-argile-c)}
.cv-couverture-titre{font:600 clamp(26px,2.8vw,38px)/1.14 var(--cv-titre);letter-spacing:-.01em}
.cv-couverture-titre a:hover{color:var(--cv-rose)}
.cv-couverture-txt p{opacity:.88;max-width:46ch;font-size:16.5px}
.cv-couverture-meta{font-size:13.5px;opacity:.72}
.cv-bande{background:var(--cv-rose);margin-top:56px;padding-block:44px}
.cv-bande-grille{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px}
.cv-bande .cv-titre-section{margin-bottom:20px}
/* Rubriques seules (pas encore de « plus lus ») : elles prennent toute la largeur. */
.cv-bande-grille:has(>div:only-child){grid-template-columns:1fr}
.cv-bande-grille>div:only-child .cv-portraits{gap:22px}
.cv-bande-grille>div:only-child .cv-portrait-nom{font-size:17px}
.cv-portraits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.cv-portraits a{display:grid;gap:9px}
.cv-portrait-img{display:block;aspect-ratio:3/4;border-radius:200px 200px 6px 6px;overflow:hidden;background:var(--cv-rose-f)}
.cv-portrait-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cv-portraits a:hover img{transform:scale(1.04)}
.cv-portrait-nom{font-weight:500;font-size:15px;line-height:1.25}
.cv-portraits small{font-size:13px;color:var(--cv-gris);margin-top:-6px}
.cv-classement{list-style:none;margin:0;padding:0;counter-reset:rang;display:grid}
.cv-classement li{counter-increment:rang;display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:baseline;padding-block:13px;border-bottom:1px solid var(--cv-rose-f);font:500 17.5px/1.35 var(--cv-titre)}
.cv-classement li:first-child{padding-top:0}
.cv-classement li::before{content:counter(rang);font:italic 600 28px/1 var(--cv-titre);color:var(--cv-argile)}
.cv-classement a:hover{color:var(--cv-sauge);text-decoration:underline;text-decoration-color:var(--cv-argile);text-underline-offset:3px}
.cv-bloc-rubrique{border-bottom:1px solid var(--cv-trait);padding-bottom:48px}
.cv-bloc-rubrique .cv-titre-section a:hover{color:var(--cv-argile)}
.cv-apropos{background:var(--cv-creme);margin-top:0;padding-block:48px}
.cv-apropos-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px;align-items:start}
.cv-apropos h2{font:600 28px/1.2 var(--cv-titre);color:var(--cv-sauge)}
.cv-apropos-texte{display:grid;gap:.8em;max-width:64ch}
.cv-apropos-texte p{font-size:17px;line-height:1.7;color:var(--cv-encre)}
.cv-apropos-texte a{color:var(--cv-sauge);text-decoration:underline;text-decoration-color:var(--cv-argile);text-underline-offset:3px}

/* ---------- Fil d'Ariane ---------- */
.cv-fil{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;color:var(--cv-gris)}
.cv-fil a{color:var(--cv-sauge);font-weight:500}
.cv-fil a:hover{color:var(--cv-argile)}
.cv-fil-sep{color:var(--cv-argile-c)}

/* ---------- Article ---------- */
.cv-article-tete{display:grid;gap:16px;padding-block:30px 26px}
/* Pleine largeur et coupure normale : une ligne tant que le titre tient, deux seulement s'il est long. */
.cv-article-titre{font:600 clamp(31px,4vw,46px)/1.1 var(--cv-titre);letter-spacing:-.012em;text-wrap:pretty}
.cv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;font-size:14px;color:var(--cv-gris)}
.cv-qui{display:inline-flex;align-items:center;gap:10px;color:var(--cv-encre);font-weight:500}
.cv-qui .cv-avatar{width:34px;height:34px}
.cv-photo img{width:100%;aspect-ratio:1.9/1;object-fit:cover;border-radius:4px}
.cv-photo figcaption{font-size:13px;color:var(--cv-gris);margin-top:8px}
.cv-colonnes{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;padding-block:38px 20px}
.cv-corps{min-width:0;max-width:700px}
.cv-colonne{display:grid;gap:36px;align-content:start}
.cv-reponse{background:var(--cv-rose);border-radius:6px;padding:20px 24px;display:grid;gap:6px;margin-bottom:28px}
.cv-reponse-t{font:italic 600 19px/1.2 var(--cv-titre);color:var(--cv-sauge)}
.cv-reponse p:last-child{font-size:17px;line-height:1.65}
.cv-som-repli{display:none;border:1px solid var(--cv-trait);border-radius:6px;margin-bottom:26px}
.cv-som-repli summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:500;display:flex;justify-content:space-between;gap:12px}
.cv-som-repli summary::-webkit-details-marker{display:none}
.cv-som-repli summary span{color:var(--cv-argile);font-weight:400}
.cv-som-repli summary span::after{content:" ▾"}
.cv-som-repli[open] summary span::after{content:" ▴"}
.cv-som-repli ol{margin:0;padding:0 16px 12px 16px;list-style:none;counter-reset:s}
.cv-som-repli li,.cv-som li{counter-increment:s;display:grid;grid-template-columns:26px 1fr;padding-block:9px;font-size:14.5px;line-height:1.4;border-top:1px dashed var(--cv-trait)}
.cv-som-repli li::before,.cv-som li::before{content:counter(s);font:italic 600 15px/1.4 var(--cv-titre);color:var(--cv-argile)}
.cv-som{position:sticky;top:24px}
.admin-bar .cv-som{top:56px}
.cv-som ol{list-style:none;margin:0;padding:0;counter-reset:s}
.cv-som li:first-child{border-top:0}
.cv-som a{color:var(--cv-gris)}
.cv-som a:hover,.cv-som li.on a{color:var(--cv-sauge)}
.cv-som li.on a{font-weight:500}
@media (max-height:560px){.cv-som{position:static}}
.cv-mini{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;padding-block:12px;border-bottom:1px solid var(--cv-trait)}
.cv-mini-img{display:block;aspect-ratio:1/1;border-radius:4px;overflow:hidden;background:var(--cv-rose)}
.cv-mini-img img{width:100%;height:100%;object-fit:cover}
.cv-mini-titre{font:500 16px/1.3 var(--cv-titre)}
.cv-bio{display:grid;grid-template-columns:84px 1fr;gap:20px;align-items:start;border-top:1px solid var(--cv-trait);padding-top:28px;margin-top:44px}
.cv-bio .cv-avatar{width:84px;height:84px}
.cv-bio-nom{display:block;font:600 21px/1.2 var(--cv-titre)}
.cv-bio-fonction{display:block;color:var(--cv-argile);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin:4px 0 8px}
.cv-bio p{font-size:15.5px;line-height:1.6;color:var(--cv-gris)}
.cv-ensuite{background:var(--cv-rose);margin-top:48px;padding-block:44px 52px}

/* ---------- Texte des articles et des pages ---------- */
.cv-texte{font-size:17.5px;line-height:1.78;overflow-wrap:break-word}
.cv-texte>*+*{margin-top:1.05em}
.cv-texte h2{font:600 30px/1.22 var(--cv-titre);margin-top:1.9em;letter-spacing:-.005em}
.cv-texte h2::before{content:"";display:block;width:44px;height:3px;background:var(--cv-rose-f);border-radius:2px;margin-bottom:16px}
.cv-texte h3{font:600 20px/1.35 var(--cv-corps);color:var(--cv-sauge);margin-top:1.6em}
.cv-texte h4{font:600 18px/1.4 var(--cv-corps);margin-top:1.4em}
.cv-texte h2+*,.cv-texte h3+*,.cv-texte h4+*{margin-top:.6em}
.cv-texte a{color:var(--cv-sauge);text-decoration:underline;text-decoration-color:var(--cv-argile);text-decoration-thickness:1.5px;text-underline-offset:3px}
.cv-texte a:hover{color:var(--cv-argile)}
.cv-texte strong,.cv-texte b{font-weight:600}
.cv-texte ul,.cv-texte ol{padding-left:1.3em}
.cv-texte li+li{margin-top:.4em}
.cv-texte ul li::marker{color:var(--cv-argile)}
.cv-texte ol li::marker{color:var(--cv-argile);font-weight:600}
.cv-texte blockquote{border-left:3px solid var(--cv-argile-c);padding:4px 0 4px 22px;font:italic 500 20px/1.55 var(--cv-titre);color:var(--cv-sauge)}
.cv-texte blockquote cite{display:block;margin-top:8px;font:13.5px var(--cv-corps);color:var(--cv-gris);font-style:normal}
.cv-texte img{border-radius:4px}
.cv-texte figure{margin-block:1.6em}
.cv-texte figcaption,.cv-texte .wp-element-caption{font-size:13.5px;color:var(--cv-gris);margin-top:8px;line-height:1.5}
.cv-texte .aligncenter{margin-inline:auto}
.cv-texte .alignleft{float:left;margin:.3em 1.4em 1em 0;max-width:50%}
.cv-texte .alignright{float:right;margin:.3em 0 1em 1.4em;max-width:50%}
.cv-texte hr,.cv-texte .wp-block-separator{border:0;border-top:1px solid var(--cv-trait);margin-block:2em}
.cv-texte .wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px}
.cv-texte .wp-block-button__link,.cv-texte .wp-element-button{display:inline-block;background:var(--cv-sauge);color:#fff;text-decoration:none;padding:11px 20px;border-radius:6px;font-weight:500;font-size:16px}
.cv-texte .wp-block-button__link:hover{background:var(--cv-sauge-f);color:#fff}
.cv-texte .wp-block-columns{display:flex;flex-wrap:wrap;gap:24px}
.cv-texte .wp-block-column{flex:1 1 240px;min-width:0}
.cv-texte .wp-block-embed__wrapper{position:relative}
.cv-texte iframe{max-width:100%}
.cv-texte .is-style-bon-a-savoir{border:1.5px solid var(--cv-sauge);border-radius:6px;padding:18px 22px;font-size:16.5px;line-height:1.65}
.cv-texte .is-style-bon-a-savoir::before{content:"Bon à savoir";display:block;font:600 12.5px/1 var(--cv-corps);letter-spacing:.12em;text-transform:uppercase;color:var(--cv-sauge);margin-bottom:10px}
.cv-texte .is-style-bon-a-savoir>*+*{margin-top:.7em}
.cv-tableau{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cv-texte table{border-collapse:collapse;width:100%;font-size:15.5px;line-height:1.45}
.cv-texte th{background:var(--cv-sauge);color:#F3EEE9;font-weight:500;text-align:left;padding:11px 14px}
.cv-texte td{padding:11px 14px;border-bottom:1px solid var(--cv-trait);vertical-align:top}
.cv-texte tbody tr:nth-child(even) td{background:var(--cv-creme)}
.cv-texte .wp-block-table{margin-inline:0}
.cv-texte .wp-block-table thead{border:0}
.cv-texte::after{content:"";display:table;clear:both}
.cv-page-simple{padding-bottom:56px}
.cv-page-tete{display:grid;gap:16px;padding-block:30px 26px;max-width:880px}
.cv-texte-page{max-width:760px}

/* ---------- Rubrique, auteur, recherche ---------- */
.cv-bandeau{background:var(--cv-sauge);color:#F3EEE9}
.cv-bandeau-grille{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 40px;align-items:end;padding-block:40px}
.cv-bandeau .cv-fil{color:#C7D3CA}
.cv-bandeau .cv-fil a{color:#fff}
.cv-bandeau .cv-fil-sep{color:var(--cv-argile-c)}
.cv-bandeau-titre{font:600 clamp(40px,5vw,58px)/1.02 var(--cv-titre);margin-top:12px;letter-spacing:-.012em}
.cv-bandeau-desc{margin-top:12px;max-width:62ch;color:#DCE4DE;font-size:16.5px}
.cv-bandeau-desc p+p{margin-top:.6em}
.cv-bandeau-nb{font:italic 600 22px/1 var(--cv-titre);color:var(--cv-rose-f);white-space:nowrap}
.cv-bandeau-recherche .cv-form-recherche{margin-inline:0;border-color:transparent}
.cv-vedette{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:40px 38px;border-bottom:1px solid var(--cv-trait)}
.cv-vedette-img{display:block;aspect-ratio:1.9/1;border-radius:4px;overflow:hidden;background:var(--cv-rose)}
.cv-vedette-img img{width:100%;height:100%;object-fit:cover}
.cv-vedette-titre{font:600 clamp(26px,2.8vw,34px)/1.15 var(--cv-titre);margin:10px 0 12px}
.cv-vedette p{color:var(--cv-gris);font-size:16px}
.cv-vedette .cv-date{display:block;margin-top:14px}
.cv-liste{padding-top:38px}
.cv-liste .cv-carte-txt{gap:8px}
.cv-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-block:44px 60px;font-variant-numeric:tabular-nums}
.cv-pages .page-numbers{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cv-trait);border-radius:4px;font-size:15px;padding-inline:12px}
.cv-pages a.page-numbers:hover{border-color:var(--cv-sauge);color:var(--cv-sauge)}
.cv-pages .current{background:var(--cv-sauge);border-color:var(--cv-sauge);color:#fff}
.cv-pages .dots{border:0;min-width:auto}
.cv-archive .cv-vide{padding-bottom:80px}
.cv-archive>.cv-ctn{padding-bottom:56px}
.cv-archive>.cv-ctn:has(.cv-pages){padding-bottom:0}
.cv-introuvable .cv-ctn{display:grid;gap:18px;justify-items:start;padding-block:56px 30px;max-width:760px}
.cv-introuvable .cv-form-recherche{margin-inline:0;width:100%}
.cv-introuvable-rubriques{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cv-introuvable-rubriques a{display:block;border:1px solid var(--cv-trait);border-radius:99px;padding:7px 15px;font-size:14.5px;font-weight:500}
.cv-introuvable-rubriques a:hover{border-color:var(--cv-sauge)}

/* ---------- Pied de page ---------- */
.cv-pied{background:var(--cv-sauge-f);color:#CFD9D1;font-size:14.5px}
.cv-pied a:hover{color:#fff}
.cv-pied-grille{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:36px;padding-block:48px 34px}
.cv-pied-nom{font:600 27px/1 var(--cv-titre);color:#fff}
.cv-pied-nom em{color:var(--cv-rose-f)}
.cv-pied-texte{margin-top:12px;max-width:40ch;line-height:1.6}
.cv-pied-t{font:600 12px/1 var(--cv-corps);letter-spacing:.14em;text-transform:uppercase;color:var(--cv-rose-f);margin-bottom:14px}
.cv-pied ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cv-pied-bas{border-top:1px solid #36493D}
.cv-pied-bas .cv-ctn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:18px;font-size:13px;color:#9FB0A4}

/* ---------- Tablette ---------- */
@media (max-width:1080px){
  .cv-colonnes{grid-template-columns:minmax(0,1fr) 260px;gap:40px}
  .cv-grille-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cv-bande-grille{grid-template-columns:1fr;gap:40px}
}
@media (max-width:900px){
  .cv-colonnes{grid-template-columns:1fr;gap:34px}
  .cv-corps{max-width:none}
  .cv-colonne .cv-som{display:none}
  .cv-som-repli{display:block}
  .cv-couverture{grid-template-columns:1fr}
  .cv-couverture-img{aspect-ratio:1.9/1}
  .cv-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cv-vedette{grid-template-columns:1fr;gap:18px;padding-block:28px}
  .cv-apropos-grille{grid-template-columns:1fr;gap:14px}
  .cv-pied-grille{grid-template-columns:1fr 1fr}
  .cv-pied-grille>:first-child{grid-column:1/-1}
}

/* ---------- Téléphone ---------- */
@media (max-width:640px){
  .cv-haut{display:none}
  .cv-mast{grid-template-columns:1fr auto;justify-items:start;align-items:center;padding-block:12px}
  .cv-marque a{gap:10px}
  .cv-marque-img{width:38px;height:38px}
  .cv-marque-nom{font-size:25px}
  .cv-sous-titre{display:none}
  .cv-boutons{display:flex}
  .cv-nav{border-top:1px solid var(--cv-trait)}
  .cv-nav .cv-ctn{padding-inline:0}
  .cv-menu{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:24px;padding-inline:var(--cv-marge);scrollbar-width:none}
  .cv-menu::-webkit-scrollbar{display:none}
  .cv-menu a{white-space:nowrap;padding-block:11px;font-size:14.5px}
  .cv-grille,.cv-grille-4{grid-template-columns:1fr;gap:26px}
  .cv-liste .cv-carte,.cv-grille-4 .cv-carte{grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center}
  .cv-liste .cv-carte-img,.cv-grille-4 .cv-carte-img{aspect-ratio:1/1}
  .cv-liste .cv-carte-chapo{display:none}
  .cv-liste .cv-carte-titre,.cv-grille-4 .cv-carte-titre{font-size:17px}
  .cv-couverture{margin-inline:calc(-1 * var(--cv-marge));margin-top:0;border-radius:0}
  .cv-couverture-txt{padding:24px var(--cv-marge) 28px}
  .cv-section{padding-top:36px}
  .cv-bloc-rubrique{padding-bottom:36px}
  .cv-titre-section{font-size:24px}
  .cv-bande{margin-top:40px;padding-block:34px}
  .cv-portraits{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:120px;overflow-x:auto;margin-inline:calc(-1 * var(--cv-marge));padding-inline:var(--cv-marge);scrollbar-width:none}
  .cv-portraits::-webkit-scrollbar{display:none}
  .cv-article-tete{padding-block:20px 20px}
  .cv-photo{margin-inline:calc(-1 * var(--cv-marge))}
  .cv-photo img{border-radius:0}
  .cv-photo figcaption{padding-inline:var(--cv-marge)}
  .cv-colonnes{padding-top:24px}
  .cv-texte{font-size:17px;line-height:1.72}
  .cv-texte h2{font-size:25px}
  .cv-texte .alignleft,.cv-texte .alignright{float:none;margin:1em 0;max-width:100%}
  .cv-reponse{padding:16px 18px}
  .cv-bio{grid-template-columns:64px 1fr;gap:14px}
  .cv-bio .cv-avatar{width:64px;height:64px}
  .cv-ensuite{padding-block:34px 40px}
  .cv-bandeau-grille{grid-template-columns:1fr;padding-block:28px}
  .cv-pied-grille{grid-template-columns:1fr;gap:28px}
}
