/* Module blog MPC (03/10/2026). Kit article usine 1000 (ka-/ks-) aux couleurs de Ma P'tite Culotte.
   Jetons : encre, accent framboise MPC (--mh-rose-f), carte grise claire, rayons 12 px, CTA en pilule. */
:root{--kb-encre:#1a1718;--kb-texte:#333;--kb-doux:#6f5f67;--kb-accent:var(--mh-rose-f,#a3134c);--kb-accent-2:var(--mh-rose,#c2185b);--kb-nuit:var(--mh-nuit,#2a0e1e);--kb-blush:var(--mh-blush,#fbeff3);--kb-carte:#f7f6f6;--kb-trait:var(--mh-trait,#efdde4);--kb-r:12px;--ks-top:16px}

/* Mise en page : colonne de lecture + sidebar collante */
@media (min-width:993px){
 body.cmpc-blog #content .shoptimizer-archive>.col-full{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:56px;align-items:start}
 body.cmpc-blog #content .shoptimizer-archive>.col-full::before,body.cmpc-blog #content .shoptimizer-archive>.col-full::after{display:none}
 body.cmpc-blog #content .shoptimizer-archive>.col-full>*{grid-column:1/-1}
 body.cmpc-blog #content .shoptimizer-archive>.col-full>#primary{grid-column:1;width:auto;float:none;margin:0}
 body.cmpc-blog #content .shoptimizer-archive>.col-full>#secondary{grid-column:2;width:auto;float:none;margin:0;align-self:stretch;padding-top:2.5em}
 body.cmpc-blog .ks-sticky{position:sticky;top:var(--ks-top);z-index:2}
 body.cmpc-blog .ks-sticky .ka-sommaire-liste{max-height:45vh;overflow:auto}
 body.cmpc-blog .ks-pastille{display:none!important}
}
body.cmpc-blog #secondary .widget{margin:0}

/* Lecture */
body.cmpc-blog .entry-header .posted-on,body.cmpc-blog .entry-header .byline{display:none}
body.cmpc-blog .entry-title{color:var(--kb-encre);font-weight:700;letter-spacing:-.01em;line-height:1.2}
.ka-corps{color:var(--kb-texte)}
.ka-corps>p,.ka-corps>ul,.ka-corps>ol,.ka-corps>blockquote,.ka-corps>h2,.ka-corps>h3{max-width:68ch}
.ka-corps p,.ka-corps li{font-size:18px;line-height:1.7}
.ka-corps h2{color:var(--kb-encre);scroll-margin-top:calc(var(--ks-top) + 12px);margin-top:1.6em}
.ka-corps h3{color:var(--kb-encre);scroll-margin-top:calc(var(--ks-top) + 12px)}
.ka-corps img{max-width:100%;height:auto;border-radius:var(--kb-r)}
.ka-corps p a{color:var(--kb-accent);text-decoration:underline;text-underline-offset:2px}
.ks-table{overflow-x:auto;max-width:100%}

/* En-tête d'article */
.ka-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:-.4em 0 1.2em;font-size:14px;color:var(--kb-doux)}
.ka-meta a{color:inherit}
.ka-meta-rub{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:30px;background:var(--kb-blush);color:var(--kb-accent)!important;font-weight:600;text-decoration:none}
.ka-meta-i+.ka-meta-i::before{content:"·";margin-right:14px;color:var(--kb-trait)}
.ka-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:99999;pointer-events:none}
.ka-progress span{display:block;height:100%;width:0;background:var(--kb-accent)}

/* Articles liés (vignettes, exactement 2) */
.ks-inline-related{margin:2em 0;padding:18px;border-radius:var(--kb-r);background:var(--kb-carte);max-width:68ch}
.ka-lies-titre{margin:0 0 12px!important;font-size:13px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kb-doux)}
.ka-lies-liste{list-style:none;margin:0!important;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ka-lie{margin:0!important;font-size:inherit!important}
.ka-lie a{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--kb-r);overflow:hidden;text-decoration:none!important;color:var(--kb-encre);box-shadow:0 1px 0 var(--kb-trait);transition:transform .15s}
.ka-lie a:hover{transform:translateY(-2px)}
.ka-lie-img{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--kb-nuit),var(--kb-accent));overflow:hidden}
.ka-lie-img img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}
.ka-lie-ph{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:42px;font-weight:700}
.ka-lie-txt{display:flex;flex-direction:column;gap:4px;padding:10px 12px 14px}
.ka-lie-rub{font-size:12px;font-weight:600;color:var(--kb-accent);text-transform:uppercase;letter-spacing:.05em}
.ka-lie-t{font-size:16px;line-height:1.35;font-weight:600}
@media (max-width:480px){.ka-lies-liste{grid-template-columns:1fr}.ka-lie a{flex-direction:row}.ka-lie-img{flex:0 0 112px;aspect-ratio:auto;min-height:84px}}

/* CTA vendeuse */
.ka-cta{border-radius:var(--kb-r);background:var(--kb-blush);border:1px solid var(--kb-trait);padding:18px 18px 16px}
.ka-cta-fin{margin:2.2em 0;max-width:68ch}
.ka-cta-t{margin:0 0 6px!important;font-size:19px!important;font-weight:700;color:var(--kb-encre);line-height:1.3!important}
.ka-cta-p{margin:0 0 14px!important;font-size:15px!important;line-height:1.5!important;color:var(--kb-texte)}
.ka-cta-b{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:30px;background:var(--kb-accent);color:#fff!important;font-weight:600;text-decoration:none!important}
.ka-cta-b:hover{background:var(--kb-nuit)}
.ka-cta-l{display:inline-flex;align-items:center;min-height:44px;margin-left:14px;font-size:14px;color:var(--kb-accent)!important}

/* Sidebar */
.ks-sidebar{display:flex;flex-direction:column;gap:18px;font-size:15px}
.ks-sticky{display:flex;flex-direction:column;gap:18px}
.ks-block{background:var(--kb-carte);border-radius:var(--kb-r);padding:16px 16px 14px}
.ks-block-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 10px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:var(--kb-encre)}
.ks-restant{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--kb-accent)}
.ks-block ul{list-style:none;margin:0;padding:0}
.ka-sommaire-liste{list-style:none;counter-reset:ks;margin:0;padding:0}
.ka-sommaire-liste li{counter-increment:ks;margin:0}
.ka-sommaire-liste a{display:grid;grid-template-columns:26px 1fr;gap:4px;padding:6px 0;font-size:14px;line-height:1.35;color:var(--kb-texte);text-decoration:none;border-top:1px solid var(--kb-trait)}
.ka-sommaire-liste li:first-child a{border-top:0}
.ka-sommaire-liste a::before{content:counter(ks,decimal-leading-zero);font-weight:700;color:var(--kb-accent);font-size:12px;padding-top:2px}
.ka-sommaire-liste a[aria-current]{color:var(--kb-accent);font-weight:600}
.ks-reading-progress{display:flex;align-items:center;gap:12px}
.ks-reading-ring{--p:calc(var(--reading-progress,0)*1%);width:64px;height:64px;flex:0 0 64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--kb-accent) var(--p),var(--kb-trait) 0)}
.ks-reading-ring strong{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--kb-carte);font-size:13px;color:var(--kb-encre)}
.ks-reading-caption{font-size:13px;color:var(--kb-doux);line-height:1.4}
.ks-reading-caption span{color:var(--kb-accent);font-weight:600}
.ks-reading-controls{display:flex;align-items:center;gap:6px;margin-top:12px}
.ks-reading-controls button{min-width:44px;min-height:36px;padding:0 8px;border-radius:30px;border:1px solid var(--kb-trait);background:#fff;color:var(--kb-encre);font-size:14px;cursor:pointer}
.ks-reading-controls button:disabled{opacity:.4;cursor:default}
.ks-reading-controls output{min-width:44px;text-align:center;font-size:13px;color:var(--kb-doux)}
.ks-author-content{display:flex;gap:12px;align-items:flex-start}
.ks-author-photo{width:64px;height:64px;flex:0 0 64px;border-radius:50%;object-fit:cover}
.ks-initials{display:grid;place-items:center;background:var(--kb-nuit);color:#fff;font-weight:700;font-size:26px}
.ks-author h3,.ks-about h3,.ks-discover h3{margin:0 0 2px!important;font-size:16px!important;color:var(--kb-encre)}
.ks-author-role{margin:0 0 6px!important;font-size:13px;color:var(--kb-accent);font-weight:600}
.ks-author-bio{margin:0 0 8px!important;font-size:14px;line-height:1.5;color:var(--kb-texte)}
.ks-author .ks-author-bio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ks-author-more,.ks-about-link,.ks-discover-cta{display:inline-flex;align-items:center;min-height:36px;font-size:14px;font-weight:600;color:var(--kb-accent)!important;text-decoration:none}
.ks-categories ul{display:flex;flex-wrap:wrap;gap:8px}
.ks-categories a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:30px;background:#fff;border:1px solid var(--kb-trait);font-size:14px;color:var(--kb-encre);text-decoration:none}
.ks-categories a[aria-current],.ks-categories a:hover{background:var(--kb-accent);border-color:var(--kb-accent);color:#fff}
.ks-cat-produit a{background:var(--kb-blush)}
.ks-discover-link{display:block;text-decoration:none;color:inherit}
.ks-discover-link img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:10px}
.ks-discover-category{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--kb-accent);margin-bottom:4px}
.ks-about-content{display:flex;gap:12px;align-items:flex-start}
.ks-about-content img{width:56px;height:56px;object-fit:contain;flex:0 0 56px;border-radius:10px;background:#fff}
.ks-about-content p{margin:0;font-size:14px;line-height:1.5}
.ks-share-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ks-share-links a,.ks-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:30px;border:1px solid var(--kb-trait);background:#fff;font-size:14px;color:var(--kb-encre);text-decoration:none;cursor:pointer}
.ks-action{background:var(--kb-nuit);border-color:var(--kb-nuit);color:#fff}
#ks-share-feedback{margin:8px 0 0;font-size:13px}
#ks-copy-fallback{width:100%;margin-top:6px}
.ks-archives-select label{display:block;font-size:13px;color:var(--kb-doux);margin-bottom:4px}
.ks-archives-select select{width:100%;min-height:40px;border-radius:10px;border:1px solid var(--kb-trait);background:#fff;padding:0 10px;margin-bottom:8px}
.ks-archives-select li a{display:block;padding:5px 0;font-size:14px;line-height:1.35;color:var(--kb-texte);border-top:1px solid var(--kb-trait)}
.ks-sidebar .ka-cta-l{margin-left:0}

/* Boîte auteur en fin d'article et page auteur */
.ks-author-box{display:flex;gap:18px;align-items:flex-start;margin:2.4em 0;padding:20px;border-radius:var(--kb-r);background:var(--kb-carte);max-width:68ch}
.ks-author-box .ks-author-photo{width:88px;height:88px;flex-basis:88px}
.ks-author-name{margin:0 0 2px!important;font-size:19px!important;font-weight:700;color:var(--kb-encre)}
.ks-author-page{max-width:none;margin:0 0 2em}
.ks-author-page .ks-author-photo{width:120px;height:120px;flex-basis:120px}
.ks-author-page .ks-author-name{font-size:30px!important}
.ks-author-rubs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:8px 0 0;padding:0}
.ks-author-rubs a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:30px;background:#fff;border:1px solid var(--kb-trait);font-size:14px;text-decoration:none;color:var(--kb-encre)}

/* En-tête de rubrique */
.ks-rub-entete{margin:0 0 2em;padding:20px 22px;border-radius:var(--kb-r);background:var(--kb-blush);max-width:820px}
.ks-rub-surtitre{margin:0 0 4px!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kb-accent)}
.ks-rub-intro{margin:0 0 14px!important;font-size:16px;line-height:1.6;color:var(--kb-texte)}

/* Mobile : sidebar sous l'article, pastille flottante qui ouvre le sommaire */
.ks-pastille{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:9990;min-height:44px;padding:0 16px;border-radius:30px;border:0;background:var(--kb-nuit);color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 18px rgba(42,14,30,.25)}
.ks-pastille::before{content:"☰ ";}
@media (max-width:992px){
 body.cmpc-blog #secondary{margin-top:2em}
 body.ks-toc-ouvert .ka-sommaire{position:fixed;left:12px;right:12px;bottom:72px;z-index:9991;max-height:60vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.25);background:#fff}
 .ka-corps p,.ka-corps li{font-size:17px}
 .ks-author-box{padding:16px;gap:12px}
 .ks-author-box .ks-author-photo{width:64px;height:64px;flex-basis:64px}
 .ka-cta-l{margin-left:0;display:flex}
}
@media (max-width:360px){.ks-inline-related{padding:12px}.ka-meta{font-size:13px;gap:4px 10px}.ka-meta-i+.ka-meta-i::before{margin-right:10px}}
@media (max-width:992px){.ks-sidebar .ks-author{display:none}}
@media (max-width:480px){.ka-meta-i+.ka-meta-i::before{content:none}.ka-meta{gap:4px 12px}}