/* ============================================================
   CAPS-2B BLOG — Fondation CSS globale (Lot 2)
   1. TOKENS charte (docs/01) — :root UNIQUE (aucun doublon)
   ============================================================ */
:root{
  --or:#edbe0c; --or-ambre:#e8a521; --or-deep:#c79a08;
  --anthracite:#3a3a3c; --anthracite-deep:#26262a;
  --texte:#2b2e33; --muted:#6a6f76;
  --fond:#ffffff; --fond-doux:#f4f5f6; --ligne:#e6e8eb;
  --sombre-band:#1f2638;
  --cap-display:'Bricolage Grotesque',system-ui,sans-serif;
  --cap-body:'Inter',system-ui,sans-serif;
  --shadow:0 1px 2px rgba(20,20,25,.04),0 8px 24px -16px rgba(20,20,25,.18);
  --shadow-hover:0 2px 4px rgba(20,20,25,.05),0 18px 40px -20px rgba(20,20,25,.28);
}
/* ============================================================
   2. PROSE ARTICLE (reprise page 1523 — sans @import ni simulateur)
   ============================================================ */
.caps-page{max-width:none;margin:0;color:#2b2e33;font-family:inherit;font-size:17px;line-height:1.7}
.caps-page h2{font-size:1.6em;margin:2.4em 0 .7em;line-height:1.2;color:#26262a;position:relative;padding-bottom:.35em}
.caps-page h2:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:#edbe0c;border-radius:2px}
.caps-page h3{font-size:1.2em;margin:1.6em 0 .4em;color:#26262a}
.caps-page p{margin:.9em 0}
.caps-page a{color:#a8780a;text-decoration:underline;text-underline-offset:2px}
.caps-page strong{color:#26262a}
.caps-fig{margin:1.8em 0;text-align:center}
.caps-fig img{width:100%;max-width:780px;height:auto;border-radius:14px;border:1px solid #e2e4e7;box-shadow:0 6px 24px -16px rgba(0,0,0,.45)}
.caps-fig figcaption{font-size:.9em;color:#5b6066;font-style:italic;margin-top:.6em}
.caps-ess{background:#fdf8e7;border-left:5px solid #edbe0c;border-radius:0 14px 14px 0;padding:20px 24px;margin:1.5em 0;font-size:1.05em}
.caps-ess strong{color:#26262a}
.caps-toc{background:#fff;border:1px solid #e2e4e7;border-radius:14px;padding:18px 24px;margin:1.5em 0}
.caps-toc ul{margin:.4em 0 0;padding-left:1.1em} .caps-toc li{margin:.3em 0}
.caps-toc a{color:#a8780a}
.caps-table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.96em}
.caps-table th,.caps-table td{border:1px solid #e2e4e7;padding:11px 13px;text-align:left;vertical-align:top}
.caps-table th{background:#3a3a3c;color:#fff;font-weight:600}
.caps-table tr:nth-child(even) td{background:#f7f7f8}
.caps-note{background:#fdf8e7;border:1px solid #f0e2bf;border-radius:12px;padding:14px 18px;margin:1.2em 0;color:#6b5717}
.caps-cta{background:linear-gradient(135deg,#3a3a3c,#26262a);color:#fff;border-radius:18px;padding:26px 28px;margin:2em 0;text-align:center}
.caps-cta h2:after,.caps-cta h3:after{display:none}
.caps-cta h3{color:#fff;margin:0 0 .3em} .caps-cta p{margin:.2em 0 1em;color:#e4e4e6}
.caps-cta a{display:inline-block;background:#edbe0c;color:#26262a;font-weight:700;text-decoration:none;padding:13px 26px;border-radius:11px}
.caps-faq details{border:1px solid #e2e4e7;border-radius:12px;margin:.6em 0;padding:0 18px;background:#fff}
.caps-faq summary{cursor:pointer;font-weight:600;padding:15px 0;color:#26262a;list-style:none}
.caps-faq summary::-webkit-details-marker{display:none}
.caps-faq summary:after{content:"+";float:right;font-size:1.3em;line-height:1;color:#c79a08}
.caps-faq details[open] summary:after{content:"–"}
.caps-faq details[open]{padding-bottom:14px}
.caps-author{display:flex;gap:16px;align-items:flex-start;background:#f4f5f6;border-radius:16px;padding:20px 24px;margin:2em 0}
.caps-author .av{flex:none;width:54px;height:54px;border-radius:50%;background:#edbe0c;color:#26262a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3em}
.caps-author b{color:#26262a}
.caps-meta{font-size:.9em;color:#5b6066;font-style:italic;margin-top:1.5em}
@media(max-width:600px){.caps-page{font-size:16px}}
.caps-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:1.6em 0}
.caps-related .rel{display:block;background:#fff;border:1px solid #e2e4e7;border-left:4px solid #edbe0c;border-radius:14px;padding:16px 18px;text-decoration:none}
.caps-related .rel:hover{box-shadow:0 10px 28px -18px rgba(0,0,0,.5)}
.caps-related .rel b{display:block;color:#26262a;margin-bottom:.25em;font-size:1.02em}
.caps-related .rel span{display:block;color:#5b6066;font-size:.9em;line-height:1.45}

/* ============================================================
   3. BANDE SOMBRE (dans le contenu, colonne 3/4 — jamais full-bleed)
   ============================================================ */
.caps-band{background:var(--sombre-band);color:#fff;border-radius:18px;padding:30px 32px;margin:2em 0}
.caps-band>h2,.caps-band>h3{color:#fff}
.caps-band>h2:after{background:var(--or)}
.caps-band>p{color:#d7dbe0}
.caps-band strong{color:#fff}
.caps-band a{color:#f2d97a;text-underline-offset:2px}
@media(max-width:600px){.caps-band{padding:22px 18px}}
/* compat ancienne classe 1523 */
.caps-dark>h2{color:#fff}.caps-dark>h2:after{background:var(--or)}.caps-dark>p{color:#d7dbe0}.caps-dark>p strong{color:#fff}

/* ============================================================
   4. CARTES D'ARCHIVE + GRILLE (page « Conseils »)
   ============================================================ */
.caps-archive .w-grid-list{gap:22px}
.caps-archive .w-grid-item{transition:transform .18s,box-shadow .18s}
.caps-archive .w-grid-item:hover{transform:translateY(-2px)}
.caps-card{background:var(--fond);border:1px solid var(--ligne);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column;transition:box-shadow .18s}
.caps-card:hover{box-shadow:var(--shadow-hover)}
.caps-card .caps-card-img img{aspect-ratio:390/260;object-fit:cover;width:100%;display:block}
.caps-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.caps-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--or-deep);display:flex;align-items:center;gap:8px;margin:0}
.caps-eyebrow::before{content:"";width:16px;height:2px;background:var(--or);border-radius:2px;flex:none}
.caps-card-title{font-family:var(--cap-display);font-weight:700;font-size:1.15rem;line-height:1.25;color:var(--anthracite-deep);margin:0;letter-spacing:-.01em}
.caps-card-title a{color:inherit;text-decoration:none}
.caps-card:hover .caps-card-title a{color:var(--or-deep)}
.caps-card-exc{font-size:.92rem;color:var(--muted);line-height:1.5;margin:0}
.caps-card-meta{margin-top:auto;font-size:.78rem;color:var(--muted);display:flex;gap:10px;align-items:center;padding-top:6px}
.caps-card-more{font-weight:600;font-size:.85rem;color:var(--or-deep);text-decoration:none;display:inline-flex;align-items:center;gap:6px}

/* ============================================================
   5. CHROME DU SINGLE (gabarit) — le corps de l'article reste .caps-page
   ============================================================ */
.caps-tpl-hero{margin:1.4em 0 .3em}
.caps-tpl-meta{font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:.6em 0 0}
.caps-tpl-meta .sep{width:4px;height:4px;border-radius:50%;background:var(--ligne)}
.caps-prose-card{background:var(--fond);border:1px solid var(--ligne);border-radius:18px;padding:30px 34px;box-shadow:var(--shadow)}
@media(max-width:600px){.caps-prose-card{padding:22px 18px}}
.caps-tpl-author{display:flex;gap:16px;align-items:flex-start;background:var(--fond-doux);border-radius:16px;padding:20px 24px;margin:1.6em 0}
.caps-tpl-author .av{flex:none;width:56px;height:56px;border-radius:50%;background:var(--or);color:var(--anthracite-deep);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3em;font-family:var(--cap-display)}
.caps-tpl-author b{color:var(--anthracite-deep);font-family:var(--cap-display);font-size:1.02rem}
.caps-tpl-author p{margin:.3em 0 0;font-size:.9rem;color:var(--muted);line-height:1.5}
.caps-tpl-cta{background:linear-gradient(135deg,var(--anthracite),var(--anthracite-deep));color:#fff;border-radius:18px;padding:30px 32px;margin:1.8em 0;text-align:center}
.caps-tpl-cta .caps-eyebrow{color:var(--or);justify-content:center}
.caps-tpl-cta h2,.caps-tpl-cta h3{color:#fff;margin:.2em 0 .3em}
.caps-tpl-cta p{color:#d7dbe0;margin:0 0 1.1em}
.caps-tpl-cta .us-btn,.caps-tpl-cta a.w-btn{background:var(--or);color:var(--anthracite-deep);font-weight:700}
.caps-tpl-sidebar{padding-left:8px}
@media(max-width:1024px){.caps-tpl-sidebar{padding-left:0;margin-top:28px}}
/* ============================================================
   6. SIDEBARS PAR SILO (repris du preview — TOKENS déjà en :root ci-dessus)
   ============================================================ */
.cap-sb{font-family:var(--cap-body);color:var(--texte);width:320px;display:flex;flex-direction:column;gap:20px;line-height:1.5}
.cap-sb *{box-sizing:border-box}

/* ---- Carte de base ---- */
.cap-card{background:var(--fond);border:1px solid var(--ligne);border-radius:18px;padding:22px;box-shadow:var(--shadow);position:relative}
.cap-card__eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--or-deep);display:flex;align-items:center;gap:8px;margin:0 0 6px}
.cap-card__eyebrow::before{content:"";width:16px;height:2px;background:var(--or);border-radius:2px;flex:none}
.cap-card__title{font-family:var(--cap-display);font-weight:700;font-size:1.18rem;line-height:1.2;color:var(--anthracite-deep);margin:0 0 14px;letter-spacing:-.01em}
.cap-card__title--tight{margin-bottom:10px}

/* ---- 1 · CARTE CONTACT (pièce forte, sticky) ---- */
.cap-contact{background:radial-gradient(120% 120% at 88% -10%,rgba(237,190,12,.22),transparent 46%),linear-gradient(160deg,#2c2c30,#201f22);border:none;color:#fff;overflow:hidden}
.cap-contact::after{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.cap-contact .cap-card__eyebrow{color:var(--or)}
.cap-contact .cap-card__title{color:#fff}
.cap-tel{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font-family:var(--cap-display);font-weight:700;font-size:1.5rem;letter-spacing:.01em;margin:2px 0 4px;transition:color .18s}
.cap-tel svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:rgba(237,190,12,.14);color:var(--or)}
.cap-tel:hover{color:var(--or)}
.cap-contact .sub{font-size:.82rem;color:#b9bbc0;margin:0 0 16px}
.cap-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--or);color:#201f22;font-weight:700;font-size:.95rem;border:none;border-radius:12px;padding:13px 18px;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 8px 20px -10px rgba(237,190,12,.7)}
.cap-btn:hover{background:var(--or-ambre);transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(232,165,33,.75)}
.cap-btn svg{width:16px;height:16px}
.cap-contact .meta{display:flex;align-items:center;gap:7px;font-size:.76rem;color:#9a9da3;margin:14px 0 0;justify-content:center}
.cap-contact .meta b{color:#e8eaed;font-weight:600}

/* ---- 2 · PRESTATIONS (nav de silo) ---- */
.cap-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cap-nav li{border-top:1px solid var(--ligne)}
.cap-nav li:first-child{border-top:none}
.cap-nav a{display:flex;align-items:center;gap:11px;padding:11px 4px;text-decoration:none;color:var(--texte);font-weight:500;font-size:.95rem;position:relative;transition:color .18s,transform .18s;border-radius:8px}
.cap-nav a .dot{width:7px;height:7px;border-radius:50%;background:var(--ligne);flex:none;transition:background .18s,transform .18s}
.cap-nav a .lbl{flex:1}
.cap-nav a .chev{width:15px;height:15px;color:var(--ligne);flex:none;transition:color .18s,transform .18s}
.cap-nav a:hover{color:var(--or-deep);transform:translateX(3px)}
.cap-nav a:hover .dot{background:var(--or);transform:scale(1.25)}
.cap-nav a:hover .chev{color:var(--or);transform:translateX(2px)}
.cap-nav a.is-pillar{font-weight:700;color:var(--anthracite-deep)}
.cap-nav a.is-pillar .dot{width:9px;height:9px;background:var(--or);box-shadow:0 0 0 3px rgba(237,190,12,.18)}

/* ---- 3 · SIMULATEUR (hook vitrages) ---- */
.cap-sim{background:radial-gradient(130% 90% at 100% 0,rgba(237,190,12,.16),transparent 55%),var(--fond);border-color:#f0e2b0}
.cap-sim .thermo{position:absolute;top:16px;right:18px;width:38px;height:38px;color:var(--or-ambre);opacity:.9}
.cap-sim p{font-size:.9rem;color:var(--muted);margin:0 0 16px;max-width:80%}
.cap-sim .cap-btn2{display:inline-flex;align-items:center;gap:8px;background:var(--anthracite-deep);color:#fff;font-weight:700;font-size:.9rem;border-radius:11px;padding:11px 18px;text-decoration:none;transition:background .18s,transform .15s}
.cap-sim .cap-btn2:hover{background:#000;transform:translateY(-2px)}
.cap-sim .cap-btn2 svg{width:15px;height:15px;color:var(--or)}

/* ---- 4 · RÉASSURANCE ---- */
.cap-trust{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cap-trust li{display:flex;align-items:flex-start;gap:11px;font-size:.9rem;color:var(--texte)}
.cap-trust svg{width:19px;height:19px;flex:none;color:var(--or-deep);margin-top:1px}
.cap-trust b{font-weight:600}
.cap-trust span{color:var(--muted)}

/* ---- 5 · RÉALISATIONS (teaser) ---- */
.cap-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.cap-gal .ph{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,#e9ebee,#dcdfe3);position:relative;overflow:hidden}
.cap-gal .ph::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(237,190,12,.25),transparent 60%)}
.cap-textlink{display:inline-flex;align-items:center;gap:6px;color:var(--or-deep);font-weight:600;font-size:.88rem;text-decoration:none}
.cap-textlink:hover{color:var(--or-ambre)}
.cap-textlink svg{width:14px;height:14px}

/* ---- 6 · AVIS (réservé GMB) ---- */
.cap-review{position:relative}
.cap-stars{display:flex;gap:2px;margin-bottom:8px;color:var(--or)}
.cap-stars svg{width:16px;height:16px}
.cap-quote{font-size:.92rem;color:var(--texte);font-style:italic;margin:0 0 12px;line-height:1.55}
.cap-reviewer{display:flex;align-items:center;gap:10px}
.cap-reviewer .av{width:34px;height:34px;border-radius:50%;background:var(--anthracite-deep);color:var(--or);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex:none;font-family:var(--cap-display)}
.cap-reviewer .who{font-size:.82rem;line-height:1.3}
.cap-reviewer .who b{display:block;color:var(--anthracite-deep)}
.cap-reviewer .who span{color:var(--muted)}
.cap-badge-soon{position:absolute;top:16px;right:16px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--or-deep);background:rgba(237,190,12,.12);border:1px solid rgba(237,190,12,.35);padding:3px 8px;border-radius:20px}

/* ---- accessibilité + sticky ---- */
.cap-sb a:focus-visible,.cap-sb button:focus-visible{outline:2px solid var(--or);outline-offset:3px;border-radius:6px}
@media(min-width:1025px){.cap-sb .cap-contact{position:sticky;top:96px}}
@media(max-width:1024px){.cap-sb{width:100%}}
@media (prefers-reduced-motion:reduce){.cap-sb *{transition:none!important}}

/* ============================================================
   FIX QA iter-1 — cartes d'archive : vrais sélecteurs Impreza
   ============================================================ */
.caps-archive .w-grid-item-h{background:var(--fond);border:1px solid var(--ligne);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}
.caps-archive .w-grid-item:hover .w-grid-item-h{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
/* image-top recadrée 3:2 — neutralise le mode "stretched" */
.caps-archive .w-post-elm.post_image{position:relative!important;height:auto!important;margin:0!important;border-radius:0!important}
.caps-archive .w-post-elm.post_image.stretched{padding:0!important}
.caps-archive .w-post-elm.post_image a,
.caps-archive .w-post-elm.post_image .w-post-elm-before{position:static!important;height:auto!important}
.caps-archive .caps-card-img img,
.caps-archive .usg_post_image_1 img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:cover;border-radius:0!important;display:block;transform:none!important}
/* corps de carte */
.caps-archive .caps-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.caps-archive .w-grid-item-h>.caps-card-body{flex:1}

/* ============================================================
   POLISSAGE Lot 3 (scopé BLOG — n'affecte pas les pages service)
   ============================================================ */

/* FIX 1 — Casse naturelle + Bricolage sur les titres du blog
   (override du réglage site-wide Impreza : Oswald + text-transform:uppercase) */
.single-post h1.post_title,
.single-post .caps-prose-card h2,
.single-post .caps-prose-card h3,
.single-post .caps-related-wrap h2,
.single-post .caps-cta h2,
.single-post .caps-cta h3,
.single-post .caps-tpl-cta h2,
.single-post .caps-tpl-cta h3,
.single-post .caps-band > h2,
.single-post .caps-band > h3,
.single-post .w-tabs-section-title,
.single-post .vc_tta-panel-title,
.single-post .vc_tta-panel-title > a,
.page-id-1543 h1.post_title,
.caps-archive .caps-card-title,
.caps-archive .caps-card-title a{
  text-transform:none !important;
  font-family:var(--cap-display) !important;
  letter-spacing:-.01em;
}

/* Eyebrows : Title Case, léger interlettrage, pas de forçage majuscules */
.caps-eyebrow,
.cap-card__eyebrow{ text-transform:none !important; letter-spacing:.03em !important; }
.page-id-1543 .sous-titre{ text-transform:none !important; letter-spacing:.03em !important; }

/* FIX 4 — Resserrer le haut d'article (héros dimensionné pour une image de fond absente) */
.single-post .l-content > .l-section:first-child > .l-section-h,
.single-post .l-content > .l-section:nth-child(2) > .l-section-h{ padding-top:.8rem !important; }
.single-post .yoast-fil{ margin:0 0 .3em !important; }
.single-post .yoast-fil p{ margin:0 !important; }
.single-post .caps-tpl-hero{ margin:.2em 0 .1em !important; }
.single-post .caps-tpl-meta{ margin-top:.4em !important; }

/* FIX 2 — Carte contact sticky : reste au-dessus des cartes suivantes */
@media(min-width:1025px){
  .caps-tpl-sidebar{ align-self:stretch; }
  .caps-tpl-sidebar > .wpb_wrapper{ overflow:visible; }
  .cap-sb{ overflow:visible; }
  .cap-sb .cap-contact{ position:sticky; top:96px; z-index:5; }
  .cap-sb > .cap-card:not(.cap-contact){ z-index:1; }
}

/* FIX 3 — Téléphone : or garanti au survol sur la carte sombre (bat le a:hover du thème) */
.cap-sb .cap-contact a.cap-tel,
.cap-sb .cap-contact a.cap-tel:link{ color:#fff !important; }
.cap-sb .cap-contact a.cap-tel:hover,
.cap-sb .cap-contact a.cap-tel:hover svg,
.cap-sb .cap-contact a.cap-tel:focus{ color:var(--or) !important; }

/* Résidu Lot 3 : titres de cartes sidebar en casse naturelle + Bricolage */
.cap-sb .cap-card__title{ text-transform:none !important; font-family:var(--cap-display) !important; letter-spacing:-.01em; }

/* ============================================================
   FIX FAQ — accordéon natif Impreza (.w-tabs.accordion)
   Question active parfaitement lisible : en-tête CLAIR garanti,
   ouverture signalée par chevron OR + liseré OR à gauche.
   Bénéficie à TOUS les articles (1485, 1469, 1452, 1502, à venir).
   ============================================================ */
.single-post .caps-prose-card .w-tabs.accordion{ margin:1em 0 1.6em; }

.single-post .caps-prose-card .w-tabs-section{
  border:1px solid #e2e4e7; border-radius:12px; margin:.55em 0;
  background:#fff; overflow:hidden;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.single-post .caps-prose-card .w-tabs-section.active{
  border-color:#edbe0c; box-shadow:inset 4px 0 0 #edbe0c;
}

/* En-tête bouton : fond clair FORCÉ (bat le fond sombre par défaut du thème),
   titre + chevron centrés verticalement, chevron poussé à droite */
.single-post .caps-prose-card .w-tabs-section-header,
.single-post .caps-prose-card .w-tabs-section.active .w-tabs-section-header{
  display:flex !important; align-items:center; justify-content:space-between;
  gap:1em; width:100%; padding:16px 20px !important;
  background:#fff !important; background-color:#fff !important;
  border:0; cursor:pointer; text-align:left;
}
.single-post .caps-prose-card .w-tabs-section-header:hover{ background:#faf9f6 !important; }

/* Titre de question : anthracite lisible dans TOUS les états */
.single-post .caps-prose-card .w-tabs-section-title,
.single-post .caps-prose-card .w-tabs-section.active .w-tabs-section-title{
  margin:0 !important; color:#26262a !important; font-weight:700;
  font-size:1.05em; line-height:1.35;
}

/* Chevron : or, aligné à droite. currentColor + pseudos pour couvrir le rendu Impreza */
.single-post .caps-prose-card .w-tabs-section-control{
  flex:0 0 auto; margin:0 !important; color:#c79a08 !important;
}
.single-post .caps-prose-card .w-tabs-section-control:before,
.single-post .caps-prose-card .w-tabs-section-control:after{
  background-color:currentColor !important; border-color:currentColor !important;
}
.single-post .caps-prose-card .w-tabs-section.active .w-tabs-section-control{ color:#edbe0c !important; }

/* Panneau réponse */
.single-post .caps-prose-card .w-tabs-section-content-h{ padding:2px 20px 18px !important; }
.single-post .caps-prose-card .w-tabs-section-content-h > .wpb_text_column p:first-child{ margin-top:.2em; }


/* Avatar auteur : carré 80x80 (pas de cercle) */
.single-post .caps-tpl-author img.av{width:80px !important;height:80px !important;border-radius:10px !important;object-fit:cover;background:none !important;padding:0;font-size:0;display:block}

/* ===== HÉROS-IMAGE single (image à la une + overlay anthracite .55) ===== */
.single-post .caps-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:360px;display:flex;align-items:flex-end;background-size:cover;background-position:center;background-color:var(--anthracite-deep);margin-top:.4em;margin-bottom:1.6em;overflow:hidden}
.single-post .caps-hero::before{content:"";position:absolute;inset:0;background:rgba(38,38,42,.55)}
.single-post .caps-hero--plain::before{background:var(--anthracite-deep)}
.single-post .caps-hero__inner{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:2.6rem 1.5rem}
.single-post .caps-hero .caps-eyebrow{color:var(--or) !important;margin:0 0 .5em !important;text-transform:none !important;letter-spacing:.03em !important;font-weight:700}
.single-post .caps-hero__title{color:#fff !important;font-family:var(--cap-display) !important;text-transform:none !important;font-weight:800;letter-spacing:-.01em;font-size:clamp(1.55rem,3.3vw,2.55rem);line-height:1.14;margin:0 0 .55em !important}
.single-post .caps-hero__meta{display:flex;align-items:center;gap:.55em;flex-wrap:wrap;color:#fff;font-size:.92rem}
.single-post .caps-hero__meta b{color:#fff}
.single-post .caps-hero__meta .sep{opacity:.55}
.single-post .caps-hero__meta time{color:#fff}
.single-post .caps-hero__av{width:40px;height:40px;border-radius:8px;object-fit:cover;margin-right:.3em}
@media(max-width:1024px){.single-post .caps-hero{min-height:300px}}
@media(max-width:768px){.single-post .caps-hero{min-height:250px}.single-post .caps-hero__inner{padding:1.7rem 1.15rem}}
@media(max-width:390px){.single-post .caps-hero{min-height:210px}.single-post .caps-hero__av{width:34px;height:34px}}

/* Fix full-bleed héros : clip le débord de largeur (barre de scroll) sans casser le sticky */
.single-post .l-canvas{overflow-x:clip}

/* ===== HÉROS v2 : collé au header, breadcrumb dedans, agrandi ===== */
.single-post .l-content > .l-section:first-child{padding-top:0 !important;margin-top:0 !important}
.single-post .caps-hero{min-height:500px;margin-top:0 !important;align-items:stretch}
.single-post .caps-hero__inner{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1.5rem 2.6rem}
.single-post .caps-hero__crumb{font-size:.82rem;line-height:1.4;color:rgba(255,255,255,.82)}
.single-post .caps-hero__crumb a{color:rgba(255,255,255,.82) !important;text-decoration:none}
.single-post .caps-hero__crumb a:hover{color:var(--or) !important}
.single-post .caps-hero__crumb .breadcrumb_last{color:#fff}
@media(max-width:1024px){.single-post .caps-hero{min-height:420px}}
@media(max-width:768px){.single-post .caps-hero{min-height:360px}.single-post .caps-hero__inner{padding:1.1rem 1.15rem 1.9rem}}
@media(max-width:390px){.single-post .caps-hero{min-height:300px}}

/* Héros v2 — dégager le breadcrumb sous le logo circulaire */
.single-post .caps-hero__inner{padding-top:5rem}
@media(max-width:1024px){.single-post .caps-hero__inner{padding-top:4.4rem}}
@media(max-width:768px){.single-post .caps-hero__inner{padding-top:3rem}}
@media(max-width:600px){.single-post .caps-hero__inner{padding-top:2.7rem}}

/* ===== Tête d'archive catégorie (Conseils par silo) ===== */
.archive .caps-archive-head,.tax-category .caps-archive-head{text-align:center;max-width:820px;margin:1.4em auto 2em}
.caps-archive-head .caps-archive-title{font-family:var(--cap-display) !important;text-transform:none !important;color:var(--anthracite-deep);font-weight:800;letter-spacing:-.01em;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.12;margin:0 0 .35em}
.caps-archive-desc{color:var(--muted);font-size:1.03rem;line-height:1.6}
.caps-archive-desc p{margin:0}

/* ===== Breadcrumb (sous le héros / haut d'archive) — fin, italique, discret ===== */
.caps-breadcrumb{font-size:.8rem;font-style:italic;color:var(--muted);line-height:1.5;text-align:left;margin:.6em 0 .1em}
.caps-breadcrumb a{color:var(--muted);text-decoration:none}
.caps-breadcrumb a:hover{color:var(--or)}
.caps-breadcrumb .breadcrumb_last{color:var(--texte)}
@media(max-width:390px){.caps-breadcrumb{font-size:.76rem;line-height:1.45}}
/* Héros sans breadcrumb : corps ancré en bas */
.single-post .caps-hero__inner{justify-content:flex-end !important;padding-top:2.4rem !important}
@media(max-width:768px){.single-post .caps-hero__inner{padding-top:1.6rem !important}}
/* Carte avis masquée (GMB pas prête) — réactivation = retirer cette règle */
.cap-sb .cap-review{display:none !important}

/* ===== Vignettes portfolio réelles (sidebar) ===== */
.cap-sb .cap-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:.2em 0 .9em}
.cap-sb .cap-gal .cap-gal__i{display:block;position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden}
.cap-sb .cap-gal .cap-gal__i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.cap-sb .cap-gal .cap-gal__i:hover img{transform:scale(1.06)}
.cap-sb .cap-gal .cap-gal__i::after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 0 var(--or);transition:box-shadow .2s ease}
.cap-sb .cap-gal .cap-gal__i:hover::after{box-shadow:inset 0 0 0 2px var(--or)}

/* ===== FIX grille articles : 3/2/1 colonnes — Impreza génère width:50% (2 col) par défaut ===== */
/* Scopé au blog (.caps-archive = index 1543 + archives 1565 + caps_related) ; portfolio non concerné */
.caps-archive .w-grid-list{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:22px !important;margin:0 !important;justify-content:start;align-items:stretch}
.caps-archive .w-grid-item{width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important;float:none !important}
.caps-archive .w-grid-item-h{height:100%}
@media(max-width:1023.98px){.caps-archive .w-grid-list{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:767.98px){.caps-archive .w-grid-list{grid-template-columns:1fr !important}}

/* Bouton simulateur (sidebar) : texte clair garanti au survol (bat le a:hover du thème), icône or */
.cap-sb .cap-sim a.cap-btn2:hover,
.cap-sb .cap-sim a.cap-btn2:focus,
.cap-sb .cap-sim a.cap-btn2:hover span,
.cap-sb .cap-sim a.cap-btn2:focus span{color:#fff !important}
.cap-sb .cap-sim a.cap-btn2:hover svg,
.cap-sb .cap-sim a.cap-btn2:focus svg{color:var(--or) !important}

/* Point 6 (fix) — chaine wrappers remplit la colonne etiree => contact sticky jusqu'en bas */
@media(min-width:1025px){
  .caps-tpl-sidebar > .vc_column-inner,
  .caps-tpl-sidebar .vc_column-inner > .wpb_wrapper,
  .caps-tpl-sidebar .wpb_raw_html,
  .caps-tpl-sidebar .wpb_raw_html > .wpb_wrapper,
  .caps-tpl-sidebar .cap-sb{ height:100%; }
  .caps-tpl-sidebar .cap-sb{ justify-content:flex-start; }
}

/* Point 6 (fix2) — remplir toute la chaine imbriquee (section/row/col) de la sidebar pour sticky jusqu'en bas */
@media(min-width:1025px){
  .caps-tpl-sidebar .l-section,
  .caps-tpl-sidebar .l-section-h,
  .caps-tpl-sidebar .g-cols,
  .caps-tpl-sidebar .vc_col-sm-12,
  .caps-tpl-sidebar .vc_column-inner,
  .caps-tpl-sidebar .wpb_wrapper,
  .caps-tpl-sidebar .wpb_raw_code,
  .caps-tpl-sidebar .wpb_raw_html{ height:100%; }
}

/* Point 0 — la section Impreza imbriquee dans la colonne sidebar imposait un double-padding horizontal
   (colonne 289 -> conteneur 199) pendant que .cap-sb gardait width:320px => la carte sortait a 1471
   (49px hors colonne, 31px hors viewport), masque par overflow-x:clip. On neutralise le padding/marges
   HORIZONTAUX des wrappers IMBRIQUES (scopes sous .l-section, la goutiere vc_column-inner exterieure de la
   colonne est preservee) et on rend .cap-sb fluide => la sidebar tient dans sa colonne, sans clip.
   Purement horizontal : n'affecte AUCUNE hauteur => la chaine height:100% du sticky (point 6) reste intacte. */
@media(min-width:1025px){
  .caps-tpl-sidebar .l-section{ padding-left:0; padding-right:0; }
  .caps-tpl-sidebar .l-section .l-section-h{ padding-left:0; padding-right:0; max-width:none; }
  .caps-tpl-sidebar .l-section .g-cols{ margin-left:0; margin-right:0; }
  .caps-tpl-sidebar .l-section .vc_column-inner{ padding-left:0 !important; padding-right:0 !important; }
  .caps-tpl-sidebar .cap-sb{ width:100%; max-width:100%; }
}

/* Sections « Nos derniers articles / conseils » — accueil (9) + piliers (504/102). caps-blog.css est charge site-wide. */
.caps-latest-row{margin:2.4em 0}
.caps-latest-head{text-align:center;max-width:820px;margin:0 auto 1.4em !important}
.caps-latest-head .caps-eyebrow{color:var(--or);font-family:var(--cap-body);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;display:block;margin:0 0 .5em}
.caps-latest-head h2{font-family:var(--cap-display);color:var(--anthracite-deep);font-weight:800;letter-spacing:-.01em;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.14;margin:0;text-transform:none}
.caps-latest .caps-archive{margin:0 auto;max-width:1180px}
.caps-latest-cta{text-align:center;margin-top:1.6em !important}
.caps-latest-cta a{display:inline-flex;align-items:center;gap:.5em;background:var(--anthracite-deep);color:#fff !important;font-family:var(--cap-body);font-weight:700;padding:.75em 1.5em;border-radius:10px;text-decoration:none;transition:transform .18s,background .18s}
.caps-latest-cta a:hover,.caps-latest-cta a:focus{background:#000;transform:translateY(-2px);color:#fff !important}

/* caps_latest_posts : rangee equilibree quand < 3 articles (evite les colonnes vides d'une grille 3) */
.caps-archive.caps-few .w-grid-list{grid-template-columns:repeat(auto-fit,minmax(280px,360px)) !important;justify-content:center}

/* Fix scroll horizontal 27px (desktop) : rangees Impreza pleine largeur a marges -27px non contenues
   (accueil 9 = rangee animee 2 cols us_custom_b2d56e2a ; pilier Sols 102 = section portfolio realisations).
   Scope page + row/section identifiees. overflow-x:clip ne rogne que la marge -27 structurelle transparente
   (contenu visible 0..1440 intact) ; overflow-y reste visible (pas de scroll-container : animations/sticky OK). */
.page-id-9 .l-main{overflow-x:clip} /* parent direct de la row -27 malformee (pas de .l-section) */
.page-id-102 .l-section.hide_if_inner_list_is_empty{overflow-x:clip}