/* Articles, blog, catégories et pages simples, habillés aux couleurs du site.
   Les blocs Kadence et WordPress gardent leur mise en page ; leurs couleurs passent sur la palette du site. */
body.yb-content-page{
  --global-palette1:var(--gold); --global-palette2:var(--gold-ink); --global-palette3:var(--ink); --global-palette4:#4a443a;
  --global-palette5:var(--muted); --global-palette6:#a39a8a; --global-palette7:var(--sand); --global-palette8:var(--mist); --global-palette9:var(--paper);
  --global-palette-highlight:var(--gold-ink); --global-palette-highlight-alt:var(--ink); --global-palette-highlight-alt2:var(--paper);
  --global-palette-btn-bg:var(--ink); --global-palette-btn-bg-hover:var(--gold-ink); --global-palette-btn:var(--paper); --global-palette-btn-hover:var(--paper);
  --global-body-font-family:var(--serif); --global-heading-font-family:var(--serif); --global-primary-nav-font-family:var(--sans);
  --global-content-width:1240px; --global-content-narrow-width:760px; --global-content-edge-padding:20px; --global-calc-content-width:calc(1240px - 40px);
  --global-xs-spacing:1em; --global-sm-spacing:1.5rem; --global-md-spacing:2rem; --global-lg-spacing:2.5em; --global-xl-spacing:3.5em; --global-xxl-spacing:5rem;
}
.yb-content .narrow{max-width:820px}
.yb-content > section{padding-block:56px}
.yb-content > section.sand{background:var(--sand)}

/* en-tête d'article */
.post-head .kick{display:inline-block;margin-bottom:14px;text-decoration:none}
.post-head h1{font-size:clamp(34px,4.4vw,56px);font-weight:400;max-width:18em}
.post-head .meta{margin-top:18px;font-size:10.5px}
.post-cover{margin:36px auto 0}
.post-cover img{width:100%;height:auto;max-height:560px;object-fit:cover}

/* articles qui ont leur propre en-tête mis en page */
.post-crumbs{padding-top:26px}
.post-crumbs .crumbs{margin-bottom:0}
.own-head .entry{padding-top:10px}

/* texte */
.entry{padding-block:42px 70px;font-size:20px;line-height:1.7}
.entry > * + *{margin-top:1.1em}
.entry h2{font-size:clamp(28px,3vw,36px);font-weight:500;margin-top:1.8em;line-height:1.15}
.entry h3{font-size:24px;font-weight:500;margin-top:1.6em}
.entry h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin-top:2em}
.entry p,.entry li{color:#3a352d}
.entry a{color:var(--gold-ink);text-decoration-thickness:1px;text-underline-offset:3px}
.entry a:hover{color:var(--ink)}
.entry strong{font-weight:600;color:var(--ink)}
.entry ul,.entry ol{padding-left:1.2em}
.entry li + li{margin-top:.35em}
.entry blockquote{margin-left:0;padding:4px 0 4px 22px;border-left:2px solid var(--gold);font-style:italic;font-size:22px;color:var(--ink)}
.entry img{height:auto}
.entry figure{margin-inline:0}
.entry figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.entry table{width:100%;border-collapse:collapse;font-size:17px}
.entry th,.entry td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.entry th{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400}
.entry hr{border:0;border-top:1px solid var(--line);margin-block:2.4em}
.entry .wp-block-button__link,.entry .kb-button{font-family:var(--sans)!important;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;border-radius:0!important}
.entry h3.wp-block-heading:has(+ .wp-block-list){margin-top:2.4em;padding-top:1.4em;border-top:1px solid var(--line)}

/* signature */
.entry p.signature{font-style:italic;color:var(--ink);margin-top:2.2em;padding-top:1em;border-top:1px solid var(--line);font-size:19px}

/* pages simples (À propos, Contact, mentions…) */
.page-entry{padding-block:0 30px}
.page-entry > :not(.alignfull):not(.alignwide):not(.wp-block-kadence-rowlayout):not(.kb-row-layout-wrap):not(.wp-block-cover):not(.wp-block-group.alignfull){max-width:820px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.page-entry > :first-child{margin-top:42px}
.page-entry > .kb-row-layout-wrap:first-child{margin-top:0}
.page-entry > .kb-row-layout-wrap:first-child > .kt-row-column-wrap{padding-top:56px!important}  /* l'ancien thème laissait la place d'un en-tête transparent */
.page-entry [hidden]{display:none!important}
.page-entry.own-h1 > :first-child{margin-top:0}
.page-entry h1{font-size:clamp(38px,4.6vw,60px);font-weight:400}
.page-entry .kb-row-layout-wrap h1,.page-entry .kb-row-layout-wrap h2,.page-entry .kb-row-layout-wrap h3{font-family:var(--serif)}

/* liste d'articles */
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}
.bcard{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}
.bcard .ph{aspect-ratio:4/3;overflow:hidden;background:var(--linen);display:block}
.bcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.bcard:hover .ph img{transform:scale(1.03)}
.bcard.noimg{border-top:1px solid var(--gold);padding-top:20px}
.bcard .go{margin-top:auto;padding-top:6px;color:var(--ink)}
.bcard.noimg:hover .go{color:var(--gold-ink)}
.bcard b{font-size:24px;font-weight:500;line-height:1.15}
.bcard:hover b{color:var(--gold-ink)}
.bcard .ex{color:var(--muted);font-size:17px}
.bcard .mono{font-size:10px}
.blogchips{margin-top:26px}
.pager{display:flex;gap:16px;justify-content:center;margin-top:46px}
.pager a,.pager span{text-decoration:none;color:var(--muted)}
.pager .current{color:var(--ink)}
.related .bgrid{margin-top:8px}

@media (max-width:980px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .bgrid{grid-template-columns:1fr;gap:30px}
  .entry{font-size:18.5px;padding-block:30px 50px}
  .yb-content > section{padding-block:40px}
  .post-cover{margin-top:24px}
  .related .bgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:6px}
  .related .bcard{flex:0 0 78%;scroll-snap-align:start}
}

/* boutons de la page introuvable */
.yb-content .pagehead .ctas{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:640px){.yb-content .pagehead .ctas .btn{flex:1 1 100%;text-align:center;justify-content:center}}