/* SAV Blog Articles Style v2 — Catégorie SEO BTP (term_id 44) — Phase S4.3 style fix v2 */
/* Cible la structure réelle picostrap5 : #container-content-single (bg-body Bootstrap blanc) > .col-md-8.offset-md-2 */
/* Palette : #0a0a0a fond / #1a1816 dark plus clair / #c9a84c gold / #e8e6e0 texte premium */

/* === GLOBAL : reset bg page + container blanc → noir === */
body.sav-blog-article{background:#0a0a0a!important;color:#e8e6e0!important;font-family:"DM Sans",system-ui,-apple-system,sans-serif;line-height:1.7}
body.sav-blog-article #main-content,body.sav-blog-article #wrapper-content,body.sav-blog-article #wrapper{background:#0a0a0a!important}
body.sav-blog-article #main-content>.container-fluid{background:#0a0a0a!important;padding-top:0!important;padding-bottom:0!important}

/* Override Bootstrap bg-body (blanc) + shadow + rounded sur le container article */
body.sav-blog-article #container-content-single{background:#0a0a0a!important;color:#e8e6e0!important;box-shadow:none!important;border-radius:0!important;padding:3rem 1.5rem!important;margin-top:0!important;max-width:100%!important;width:100%!important}
body.sav-blog-article #container-content-single.text-body-emphasis,body.sav-blog-article #container-content-single .text-body-emphasis{color:#e8e6e0!important}

/* === Header zone (H1 + meta + category) === */
body.sav-blog-article #container-content-single .row.text-center{margin-bottom:2rem!important}
body.sav-blog-article #container-content-single .entry-categories{margin-bottom:1.2rem}
body.sav-blog-article #container-content-single .entry-categories-inner a{display:inline-block;background:#c9a84c!important;color:#0a0a0a!important;padding:.3rem .9rem;border-radius:4px;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-decoration:none}

body.sav-blog-article #container-content-single h1.display-4{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(1.8rem,3.5vw,2.6rem)!important;font-weight:800!important;color:#fff!important;line-height:1.2!important;text-align:center;margin:.5rem auto 1.2rem!important;padding:0 1rem!important;max-width:900px;background:none!important;text-shadow:0 0 30px rgba(201,168,76,.08)}
body.sav-blog-article #container-content-single h1.display-4::after{content:"";display:block;width:80px;height:2px;background:linear-gradient(90deg,transparent,#c9a84c,transparent);margin:1.2rem auto 0}

body.sav-blog-article #container-content-single .post-meta,body.sav-blog-article #container-content-single .post-meta .lead{color:#888!important;font-size:.85rem!important;font-style:italic;opacity:1!important}
body.sav-blog-article #container-content-single .post-meta .post-date,body.sav-blog-article #container-content-single .post-meta .post-author{color:#888!important}

/* === BODY CONTAINER : .col-md-8.offset-md-2 (Bootstrap grid) === */
body.sav-blog-article #container-content-single .col-md-8.offset-md-2{max-width:760px!important;margin:0 auto!important;padding:1rem!important;float:none!important;background:transparent!important;color:#e8e6e0!important}

/* === Paragraphs === */
body.sav-blog-article #container-content-single .col-md-8 p{margin:0 0 1.3rem!important;line-height:1.78!important;color:#e8e6e0!important;font-size:17.5px!important;text-align:justify;hyphens:auto}
body.sav-blog-article #container-content-single .col-md-8 p strong{color:#fff!important;font-weight:600!important}
body.sav-blog-article #container-content-single .col-md-8 p a:not([style]){color:#c9a84c!important;text-decoration:underline!important;text-decoration-color:rgba(201,168,76,.45)!important;text-underline-offset:3px;transition:text-decoration-color .15s,color .15s}
body.sav-blog-article #container-content-single .col-md-8 p a:not([style]):hover{color:#e0c068!important;text-decoration-color:#c9a84c!important}

/* === DROP CAP (1ère lettre du 1er <p>) === */
body.sav-blog-article #container-content-single .col-md-8>p:first-of-type::first-letter{font-family:"Playfair Display",Georgia,serif;font-size:4rem;font-weight:800;color:#c9a84c;float:left;line-height:.85;padding:.4rem .55rem 0 0;margin-top:.2rem}
body.sav-blog-article #container-content-single .col-md-8>p:first-of-type{font-size:1.05rem!important;color:#f0eee8!important}

/* === Headings H2 / H3 === */
body.sav-blog-article #container-content-single .col-md-8 h2{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(1.5rem,2.8vw,2rem)!important;font-weight:700!important;color:#fff!important;line-height:1.25!important;margin:3.2rem 0 1.4rem!important;padding-left:1rem!important;border-left:4px solid #c9a84c!important}

body.sav-blog-article #container-content-single .col-md-8 h3{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(1.15rem,1.9vw,1.35rem)!important;font-weight:600!important;color:#c9a84c!important;margin:1.8rem 0 .7rem!important;padding-left:1.2rem!important;line-height:1.35!important}

/* === Lists (UL/OL) === */
body.sav-blog-article #container-content-single .col-md-8 ul:not([class]),body.sav-blog-article #container-content-single .col-md-8 ol{margin:0 0 1.6rem!important;padding-left:2.4rem!important;list-style:none!important;color:#e8e6e0!important}
body.sav-blog-article #container-content-single .col-md-8 ul:not([class]) li,body.sav-blog-article #container-content-single .col-md-8 ol li{position:relative;margin-bottom:.85rem!important;line-height:1.75!important;color:#e8e6e0!important}
body.sav-blog-article #container-content-single .col-md-8 ul:not([class]) li::before{content:"▸";color:#c9a84c;font-weight:700;position:absolute;left:-1.4rem;top:0;font-size:1.05rem}
body.sav-blog-article #container-content-single .col-md-8 ol{counter-reset:savitem}
body.sav-blog-article #container-content-single .col-md-8 ol li{counter-increment:savitem}
body.sav-blog-article #container-content-single .col-md-8 ol li::before{content:counter(savitem)".";color:#c9a84c;font-weight:700;position:absolute;left:-1.8rem;top:0;font-family:"Playfair Display",Georgia,serif;font-size:1.05rem}
body.sav-blog-article #container-content-single .col-md-8 ul:not([class]) li strong,body.sav-blog-article #container-content-single .col-md-8 ol li strong{color:#fff!important}
body.sav-blog-article #container-content-single .col-md-8 ul:not([class]) li a,body.sav-blog-article #container-content-single .col-md-8 ol li a{color:#c9a84c!important}

/* === Stats / prix auto-detect === */
body.sav-blog-article #container-content-single .col-md-8 .sav-blog-stat{display:inline-block;background:rgba(201,168,76,.13)!important;color:#e0c068!important;padding:.15rem .55rem!important;border-radius:4px!important;font-weight:700!important;border:1px solid rgba(201,168,76,.22)!important}

/* === Blockquote === */
body.sav-blog-article #container-content-single .col-md-8 blockquote{background:linear-gradient(135deg,rgba(201,168,76,.07),rgba(201,168,76,.02))!important;border-left:4px solid #c9a84c!important;padding:1.4rem 1.5rem 1.4rem 2.4rem!important;margin:1.7rem 0!important;border-radius:0 8px 8px 0;font-style:italic;color:#f0eee8!important;position:relative;font-size:1.04rem}
body.sav-blog-article #container-content-single .col-md-8 blockquote::before{content:"\201C";position:absolute;left:.5rem;top:.1rem;font-family:"Playfair Display",Georgia,serif;font-size:3.2rem;color:#c9a84c;line-height:1;opacity:.55}

/* === CTA blocks (already inline-styled, soft enhancements) === */
body.sav-blog-article #container-content-single .col-md-8 div[style*="linear-gradient"][style*="rgba(201,168,76"]{box-shadow:0 8px 30px rgba(0,0,0,.4)!important;transition:box-shadow .25s ease}
body.sav-blog-article #container-content-single .col-md-8 div[style*="linear-gradient"]:hover{box-shadow:0 12px 40px rgba(201,168,76,.15)!important}
body.sav-blog-article #container-content-single .col-md-8 a[href^="tel:"],body.sav-blog-article #container-content-single .col-md-8 a[href*="wa.me"]{transition:transform .2s,box-shadow .2s}
body.sav-blog-article #container-content-single .col-md-8 a[href^="tel:"]:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(201,168,76,.4)}
body.sav-blog-article #container-content-single .col-md-8 a[href*="wa.me"]:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(37,211,102,.4)}

/* === Footer area (theme leak prevention) === */
body.sav-blog-article footer.footer,body.sav-blog-article #wrapper-footer-colophon,body.sav-blog-article footer{background:#0a0a0a!important}

/* === RESPONSIVE MOBILE === */
@media(max-width:767px){
body.sav-blog-article #container-content-single{padding:2rem 1rem!important}
body.sav-blog-article #container-content-single h1.display-4{font-size:1.55rem!important;padding:0 .5rem!important}
body.sav-blog-article #container-content-single .col-md-8.offset-md-2{padding:.5rem!important;max-width:100%!important}
body.sav-blog-article #container-content-single .col-md-8 p{font-size:16px!important;text-align:left;hyphens:none}
body.sav-blog-article #container-content-single .col-md-8>p:first-of-type::first-letter{font-size:3rem;padding:.2rem .45rem 0 0}
body.sav-blog-article #container-content-single .col-md-8 h2{font-size:1.3rem!important;margin-top:2.4rem!important;padding-left:.8rem!important}
body.sav-blog-article #container-content-single .col-md-8 h3{font-size:1.05rem!important;padding-left:.8rem!important}
body.sav-blog-article #container-content-single .col-md-8 ul:not([class]),body.sav-blog-article #container-content-single .col-md-8 ol{padding-left:1.9rem!important}
body.sav-blog-article #container-content-single .col-md-8 blockquote{padding:1rem 1rem 1rem 1.7rem!important;font-size:.95rem;margin:1.2rem 0!important}
body.sav-blog-article #container-content-single .col-md-8 blockquote::before{font-size:2.4rem;left:.3rem}
}

/* === S4.4 — CRO ADDITIONS === */

/* Pull-quote au milieu de l'article */
body.sav-blog-article #container-content-single .col-md-8 blockquote.sav-blog-pullquote{background:rgba(201,168,76,.05)!important;border-left:4px solid #c9a84c!important;padding:1.6rem 2rem 1.6rem 3.2rem!important;margin:2.5rem 0!important;font-family:'Playfair Display',Georgia,serif!important;font-style:italic!important;font-size:clamp(1.15rem,1.8vw,1.45rem)!important;color:#f0eee8!important;line-height:1.5!important;position:relative;border-radius:0 8px 8px 0;text-align:left!important;hyphens:none!important}
body.sav-blog-article #container-content-single .col-md-8 blockquote.sav-blog-pullquote::before{content:'\201C';position:absolute;left:.6rem;top:-.3rem;font-family:'Playfair Display',Georgia,serif;font-size:4.5rem;color:#c9a84c;opacity:.7;line-height:1}

/* Bloc À retenir avant dernier H2 */
body.sav-blog-article #container-content-single .col-md-8 .sav-blog-a-retenir{background:linear-gradient(135deg,rgba(201,168,76,.09),rgba(201,168,76,.03))!important;border:1px solid rgba(201,168,76,.32)!important;border-radius:8px!important;padding:1.6rem 1.8rem!important;margin:2.8rem 0!important;box-shadow:0 4px 16px rgba(0,0,0,.25)}
body.sav-blog-article #container-content-single .col-md-8 .sav-blog-a-retenir h3{color:#c9a84c!important;font-size:1rem!important;text-transform:uppercase;letter-spacing:.13em!important;margin:0 0 1rem!important;padding:0!important;font-family:'DM Sans',sans-serif!important;font-weight:700!important;border-left:none!important;line-height:1.2!important}
body.sav-blog-article #container-content-single .col-md-8 .sav-blog-a-retenir ul{margin:0!important;padding-left:1.7rem!important;list-style:none!important}
body.sav-blog-article #container-content-single .col-md-8 .sav-blog-a-retenir ul li{margin-bottom:.65rem!important;color:#e8e6e0!important;line-height:1.65;position:relative;font-size:.97rem}
body.sav-blog-article #container-content-single .col-md-8 .sav-blog-a-retenir ul li::before{content:'\2713';color:#c9a84c;font-weight:700;position:absolute;left:-1.4rem;top:0;font-size:1rem}

/* Sticky WhatsApp button (mobile only) */
body.sav-blog-article .sav-whatsapp-sticky{display:none}
@media(max-width:767px){body.sav-blog-article .sav-whatsapp-sticky{display:flex!important;align-items:center;justify-content:center;position:fixed!important;bottom:24px!important;right:24px!important;width:56px!important;height:56px!important;background:#25D366!important;border-radius:50%!important;box-shadow:0 6px 22px rgba(37,211,102,.5),0 2px 8px rgba(0,0,0,.3)!important;z-index:999!important;text-decoration:none!important;animation:sav-pulse 2.4s ease-in-out infinite;transition:transform .2s}body.sav-blog-article .sav-whatsapp-sticky:active,body.sav-blog-article .sav-whatsapp-sticky:hover{transform:scale(1.08)}body.sav-blog-article .sav-whatsapp-sticky svg{width:30px!important;height:30px!important}}
@keyframes sav-pulse{0%,100%{box-shadow:0 6px 22px rgba(37,211,102,.5),0 2px 8px rgba(0,0,0,.3)}50%{box-shadow:0 6px 28px rgba(37,211,102,.8),0 2px 12px rgba(0,0,0,.35)}}