/* ===== Blog : page article ===== */
.is-blog-article{--ba-ink:#1b1f2a;--ba-muted:#5b6170;--ba-accent:#1f2f86;--ba-accent-soft:#eef1fb;--ba-yellow:#ffd21f;--ba-line:#e4e7ee;--ba-radius:12px}
.is-blog-article .page-header{margin:0 0 .5rem;padding:0;border:0}
.is-blog-article .page-header .page-title,.is-blog-article .page-header h1{max-width:900px;margin:.25rem 0 .75rem;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;color:var(--ba-ink);text-transform:none}
.is-blog-article .simpleblog__postInfo{margin:0 0 1.25rem}
.is-blog-article .simpleblog__postInfo ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.is-blog-article .simpleblog__postInfo li{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.3rem .75rem;border:1px solid var(--ba-line);border-radius:999px;background:#fff;font-size:.82rem;color:var(--ba-muted)}
.is-blog-article .simpleblog__postInfo li a{color:var(--ba-accent);text-decoration:none;font-weight:600}
.is-blog-article .simpleblog__postInfo li:first-child{background:var(--ba-accent-soft);border-color:transparent}

.blog-hero{margin:0 0 1.25rem;border-radius:var(--ba-radius);overflow:hidden;background:#f2f2f2;box-shadow:0 8px 28px rgba(20,30,70,.10)}
.blog-hero img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;margin:0}

.blog-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:0 0 1.75rem;padding:.75rem 0;border-top:1px solid var(--ba-line);border-bottom:1px solid var(--ba-line)}
.blog-tools__label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ba-muted)}
.blog-share{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}
.blog-share a,.blog-share button,.blog-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border:1px solid var(--ba-line);border-radius:999px;background:#fff;color:var(--ba-ink);font:600 .82rem/1.2 inherit;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.blog-share a:hover,.blog-share button:hover,.blog-btn:hover,.blog-share a:focus-visible,.blog-share button:focus-visible,.blog-btn:focus-visible{background:var(--ba-accent);border-color:var(--ba-accent);color:#fff;transform:translateY(-1px)}
.blog-share .is-copied{background:#1c7c3f;border-color:#1c7c3f;color:#fff}
.blog-btn--ai{background:var(--ba-ink);border-color:var(--ba-ink);color:#fff}
.blog-btn--ai:hover,.blog-btn--ai:focus-visible{background:var(--ba-accent)}
.blog-ai{position:relative;margin-left:auto}
.blog-ai__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:230px;margin:0;padding:.35rem;list-style:none;background:#fff;border:1px solid var(--ba-line);border-radius:10px;box-shadow:0 12px 30px rgba(20,30,70,.18)}
.blog-ai__menu[hidden]{display:none}
.blog-ai__menu a,.blog-ai__menu button{display:block;width:100%;padding:.55rem .7rem;border:0;border-radius:7px;background:none;color:var(--ba-ink);font:500 .9rem/1.2 inherit;text-align:left;text-decoration:none;cursor:pointer}
.blog-ai__menu a:hover,.blog-ai__menu button:hover{background:var(--ba-accent-soft);color:var(--ba-accent)}

/* Mise en page 2 colonnes + sommaire collant */
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
@media (min-width:1100px){.blog-layout{grid-template-columns:minmax(0,1fr) 280px;gap:3.5rem}}
.blog-aside{display:none}
@media (min-width:1100px){.blog-aside{display:block}}
.blog-aside__inner{position:sticky;top:120px;max-height:calc(100vh - 150px);overflow:auto;padding-right:.25rem}
.blog-toc{padding:1.1rem 1.2rem;border:1px solid var(--ba-line);border-radius:var(--ba-radius);background:#fff;box-shadow:0 4px 18px rgba(20,30,70,.06)}
.blog-toc__title{margin:0 0 .6rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ba-accent)}
.blog-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}
.blog-toc li{margin:0;counter-increment:toc}
.blog-toc a{display:block;position:relative;padding:.42rem 0 .42rem 1rem;border-left:2px solid var(--ba-line);color:var(--ba-muted);font-size:.88rem;line-height:1.35;text-decoration:none;transition:color .15s,border-color .15s,background .15s}
.blog-toc a:hover{color:var(--ba-ink)}
.blog-toc a.is-active{border-left-color:var(--ba-accent);background:linear-gradient(90deg,var(--ba-accent-soft),transparent);color:var(--ba-accent);font-weight:700}
.blog-aside .blog-ai{margin:1rem 0 0}
.blog-aside .blog-btn--ai{width:100%;justify-content:center;padding:.7rem 1rem}
.blog-aside .blog-ai__menu{left:0;right:auto;width:100%}
.blog-toc-inline{margin:0 0 1.5rem;border:1px solid var(--ba-line);border-radius:var(--ba-radius);background:#fff}
.blog-toc-inline summary{padding:.8rem 1rem;font-weight:700;cursor:pointer}
.blog-toc-inline .blog-toc{border:0;box-shadow:none;padding:0 1rem 1rem}
@media (min-width:1100px){.blog-toc-inline{display:none}}

.blog-progress{position:fixed;left:0;top:0;z-index:9999;height:4px;width:0;background:linear-gradient(90deg,var(--ba-yellow),var(--ba-accent));transition:width .1s}

/* Typographie de lecture */
.is-blog-article .simpleblog__post{margin:0;padding:0;border:0;box-shadow:none;background:none}
.is-blog-article .simpleblog__post__content{padding:0}
.is-blog-article .simpleblog__post .rte-content{font-size:1.1rem;line-height:1.78;color:var(--ba-ink)}
.is-blog-article .simpleblog__post .rte-content p{margin:0 0 1.15rem;color:var(--ba-ink)}
.is-blog-article .simpleblog__post .rte-content > p:first-of-type{font-size:1.25rem;line-height:1.65;color:#2a3040}
.is-blog-article .simpleblog__post .rte-content a{color:var(--ba-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.is-blog-article .simpleblog__post .rte-content a:hover{background:var(--ba-accent-soft)}
.is-blog-article .simpleblog__post .rte-content h2{display:block;margin:3rem 0 1rem;padding:0 0 0 1rem;border-left:5px solid var(--ba-yellow);font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--ba-ink);scroll-margin-top:130px}
.is-blog-article .simpleblog__post .rte-content h3{margin:1.6rem 0 .5rem;font-size:1.2rem;font-weight:700;color:var(--ba-ink)}
.is-blog-article .simpleblog__post .rte-content ul,.is-blog-article .simpleblog__post .rte-content ol{margin:0 0 1.25rem;padding-left:1.4rem}
.is-blog-article .simpleblog__post .rte-content li{margin:0 0 .5rem;color:var(--ba-ink)}
.is-blog-article .simpleblog__post .rte-content li::marker{color:var(--ba-accent);font-weight:700}
.is-blog-article .simpleblog__post .rte-content strong{color:var(--ba-ink)}
.is-blog-article .simpleblog__post .rte-content figure.blog-figure{display:none}

/* Encadrés */
.blog-callout{margin:2rem 0;padding:1.25rem 1.4rem 1rem;border-radius:var(--ba-radius);border:1px solid var(--ba-line);border-left-width:6px;background:#fff}
.blog-callout__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:1.05rem;font-weight:800;color:var(--ba-ink)}
.blog-callout__title::before{content:"";flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--ba-accent) center/60% no-repeat;color:#fff}
.blog-callout > ul,.blog-callout > ol{margin-bottom:.4rem}
.blog-callout--key{background:var(--ba-accent-soft);border-color:#cdd6f5;border-left-color:var(--ba-accent)}
.blog-callout--key .blog-callout__title::before{content:"i";display:inline-flex;align-items:center;justify-content:center;background:var(--ba-accent);font:italic 800 .9rem/1 Georgia,serif}
.blog-callout--warn{background:#fff8e8;border-color:#f6dca0;border-left-color:#e8a317}
.blog-callout--warn .blog-callout__title::before{content:"!";display:inline-flex;align-items:center;justify-content:center;background:#e8a317;font:800 .95rem/1 inherit}
.blog-callout--check{background:#f0faf3;border-color:#bfe3c9;border-left-color:#1c7c3f}
.blog-callout--check .blog-callout__title::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;background:#1c7c3f;font:800 .9rem/1 inherit}
.blog-callout--recap{background:#1b1f2a;border-color:#1b1f2a;border-left-color:var(--ba-yellow);color:#fff}
.blog-callout--recap .blog-callout__title,.blog-callout--recap li,.blog-callout--recap li::marker{color:#fff}
.blog-callout--recap .blog-callout__title::before{content:"\2605";display:inline-flex;align-items:center;justify-content:center;background:var(--ba-yellow);color:#1b1f2a;font:800 .8rem/1 inherit}
.blog-note{margin:2rem 0 0;padding:.9rem 1.1rem;border-radius:10px;background:#f6f6f8;border:1px dashed #cfd3dc;font-size:.92rem;color:var(--ba-muted)}
.blog-note em{font-style:normal}

/* FAQ */
.blog-faq details{margin:0 0 .6rem;border:1px solid var(--ba-line);border-radius:10px;background:#fff;overflow:hidden}
.blog-faq summary{position:relative;padding:.9rem 2.6rem .9rem 1.1rem;font-size:1.05rem;font-weight:700;color:var(--ba-ink);cursor:pointer;list-style:none}
.blog-faq summary::-webkit-details-marker{display:none}
.blog-faq summary::after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:400;color:var(--ba-accent)}
.blog-faq details[open] summary::after{content:"\2212"}
.blog-faq details[open] summary{background:var(--ba-accent-soft)}
.blog-faq .blog-faq__a{padding:.9rem 1.1rem 0}

/* Quiz */
.blog-quiz{margin:2.5rem 0;padding:1.6rem;border:2px solid var(--ba-accent);border-radius:var(--ba-radius);background:#fff;box-shadow:0 10px 30px rgba(31,47,134,.10)}
.blog-quiz__kicker{margin:0 0 .25rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ba-accent)}
.blog-quiz__title{margin:0 0 .25rem;font-size:1.5rem;font-weight:800;color:var(--ba-ink)}
.blog-quiz__intro{margin:0 0 1.1rem;color:var(--ba-muted)}
.blog-quiz__step{margin:0 0 .6rem;font-size:.82rem;font-weight:700;color:var(--ba-muted)}
.blog-quiz__bar{height:6px;margin:0 0 1.1rem;border-radius:99px;background:var(--ba-line);overflow:hidden}
.blog-quiz__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ba-yellow),var(--ba-accent));transition:width .3s}
.blog-quiz fieldset{margin:0;padding:0;border:0}
.blog-quiz legend{margin:0 0 .8rem;padding:0;font-size:1.15rem;font-weight:700;line-height:1.35;color:var(--ba-ink)}
.blog-quiz__opt{display:block;width:100%;margin:0 0 .55rem;padding:.8rem 1rem;border:2px solid var(--ba-line);border-radius:10px;background:#fff;color:var(--ba-ink);font:500 1rem/1.35 inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.blog-quiz__opt:hover:not([disabled]){border-color:var(--ba-accent);background:var(--ba-accent-soft)}
.blog-quiz__opt.is-right{border-color:#1c7c3f;background:#e9f7ee}
.blog-quiz__opt.is-wrong{border-color:#c0392b;background:#fdecea}
.blog-quiz__opt[disabled]{cursor:default}
.blog-quiz__fb{margin:.8rem 0 0;padding:.8rem 1rem;border-radius:10px;background:#f6f6f8;font-size:.95rem;color:var(--ba-ink)}
.blog-quiz__next{margin-top:.9rem}
.blog-quiz__score{margin:0 0 .5rem;font-size:2.4rem;font-weight:800;color:var(--ba-accent)}
.blog-end-share{margin:2.5rem 0 1.5rem;padding:1.4rem;border-radius:var(--ba-radius);background:var(--ba-accent-soft);text-align:center}
.blog-end-share p{margin:0 0 .8rem;font-size:1.1rem;font-weight:700;color:var(--ba-ink)}
.blog-end-share .blog-share{justify-content:center}
.is-blog-article .author-card{margin-top:1.5rem}
@media (max-width:575px){.blog-ai{margin-left:0}.blog-quiz{padding:1.1rem}}
@media (prefers-reduced-motion:reduce){.blog-progress,.blog-quiz__bar i,.blog-share a,.blog-share button,.blog-btn,.blog-toc a{transition:none}}

/* ---- correctifs de spécificité (le thème impose ses propres styles) ---- */
body.is-blog-article #main .page-header{margin:0 0 .75rem;padding:0;border:0}
body.is-blog-article #main .page-header .page-title,body.is-blog-article #main .page-header h1{max-width:920px;margin:.5rem 0 .75rem;padding:0;border:0;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;color:#1b1f2a;text-transform:none}
body.is-blog-article #main .page-header .page-title::after,body.is-blog-article #main .page-header::after{display:none}
body.is-blog-article #content .simpleblog__postInfo li::after,body.is-blog-article #content .simpleblog__postInfo li::before{display:none;content:none}
body.is-blog-article #content .simpleblog__postInfo li{border-right:1px solid var(--ba-line)}
body.is-blog-article #content .simpleblog__postInfo li:first-child{border-color:transparent}
body.is-blog-article #content .simpleblog__postInfo{padding:0;border:0}
body.is-blog-article #content .blog-hero img{width:100%;height:auto;max-height:360px;object-fit:contain;background:#f2f2f2}
body.is-blog-article #content .rte-content p,body.is-blog-article #content .rte-content li{font-size:1.1rem;line-height:1.78;color:#1b1f2a}
body.is-blog-article #content .rte-content > p:first-of-type{font-size:1.25rem;line-height:1.65}
body.is-blog-article #content .rte-content h2{font-size:clamp(1.45rem,2.6vw,1.9rem);color:#1b1f2a}
body.is-blog-article #content .blog-callout--recap li{color:#fff}
body.is-blog-article #content .blog-note p,body.is-blog-article #content .blog-note{font-size:.92rem;line-height:1.55;color:var(--ba-muted)}
body.is-blog-article #content .blog-faq .blog-faq__a p{font-size:1.05rem}

/* tailles de texte explicites (le thème utilise une base rem de 14px) */
body.is-blog-article #content .rte-content p,body.is-blog-article #content .rte-content li{font-size:17.5px;line-height:1.75}
body.is-blog-article #content .rte-content > p:first-of-type{font-size:20px;line-height:1.6}
body.is-blog-article #content .rte-content h2{font-size:clamp(24px,2.6vw,31px)}
body.is-blog-article #content .rte-content h3{font-size:19px}
body.is-blog-article #content .blog-callout__title{font-size:17px}
body.is-blog-article #content .blog-faq summary{font-size:17px}
body.is-blog-article #content .blog-faq .blog-faq__a p{font-size:16.5px}
body.is-blog-article #content .blog-note{font-size:14.5px}
.blog-quiz__title{font-size:26px}.blog-quiz legend{font-size:19px}.blog-quiz__opt{font-size:16.5px}.blog-quiz__fb{font-size:15.5px}.blog-quiz__intro{font-size:16px}
.blog-end-share p{font-size:18px}
.blog-share a,.blog-share button,.blog-btn,.blog-ai__menu a,.blog-ai__menu button{font-size:14px}
.blog-toc a{font-size:14px}
body.is-blog-article .author-card{margin-top:1.5rem;padding:1.25rem 1.4rem;border:1px solid var(--ba-line);border-left:5px solid var(--ba-yellow);border-radius:var(--ba-radius);background:#fff}
body.is-blog-article .author-card .author-card__block--desc{font-size:15.5px}

/* ---- icônes des réseaux (polices Font Awesome du thème) ---- */
@font-face{font-family:"CanonFAB";font-style:normal;font-weight:400;font-display:swap;src:url("/themes/warehouse/assets/css/font-awesome/webfonts/fa-brands-400.woff2") format("woff2"),url("/themes/warehouse/assets/css/font-awesome/webfonts/fa-brands-400.ttf") format("truetype")}
@font-face{font-family:"CanonFAS";font-style:normal;font-weight:900;font-display:swap;src:url("/themes/warehouse/assets/css/font-awesome/webfonts/fa-solid-900.woff2") format("woff2"),url("/themes/warehouse/assets/css/font-awesome/webfonts/fa-solid-900.ttf") format("truetype")}
.blog-ico{display:inline-block;width:1.15em;text-align:center;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased}
.blog-ico::before{display:inline-block}
.blog-ico--facebook,.blog-ico--x,.blog-ico--linkedin,.blog-ico--whatsapp,.blog-ico--pinterest{font-family:"CanonFAB"}
.blog-ico--mail,.blog-ico--link{font-family:"CanonFAS";font-weight:900}
.blog-ico--facebook::before{content:"\f39e"}
.blog-ico--x::before{content:"\e61b"}
.blog-ico--linkedin::before{content:"\f0e1"}
.blog-ico--whatsapp::before{content:"\f232"}
.blog-ico--pinterest::before{content:"\f231"}
.blog-ico--mail::before{content:"\f0e0"}
.blog-ico--link::before{content:"\f0c1"}
.blog-share .blog-ico{font-size:1.05em}
.blog-share a .blog-ico--facebook{color:#1877f2}.blog-share a .blog-ico--x{color:#000}.blog-share a .blog-ico--linkedin{color:#0a66c2}.blog-share a .blog-ico--whatsapp{color:#1fa855}.blog-share a .blog-ico--pinterest{color:#e60023}.blog-share a .blog-ico--mail{color:#1f2f86}.blog-share button .blog-ico--link{color:#1f2f86}
.blog-share a:hover .blog-ico,.blog-share a:focus-visible .blog-ico,.blog-share button:hover .blog-ico,.blog-share button:focus-visible .blog-ico,.blog-share .is-copied .blog-ico{color:#fff}
.blog-share a[data-net="facebook"]:hover,.blog-share a[data-net="facebook"]:focus-visible{background:#1877f2;border-color:#1877f2}
.blog-share a[data-net="x"]:hover,.blog-share a[data-net="x"]:focus-visible{background:#000;border-color:#000}
.blog-share a[data-net="linkedin"]:hover,.blog-share a[data-net="linkedin"]:focus-visible{background:#0a66c2;border-color:#0a66c2}
.blog-share a[data-net="whatsapp"]:hover,.blog-share a[data-net="whatsapp"]:focus-visible{background:#1fa855;border-color:#1fa855}
.blog-share a[data-net="pinterest"]:hover,.blog-share a[data-net="pinterest"]:focus-visible{background:#e60023;border-color:#e60023}
.blog-progress{pointer-events:none}

/* ---- bouton « Résumer avec l'IA » : discret + icônes ---- */
.blog-btn--ai{background:var(--ba-accent-soft);border:1px solid #cdd6f5;color:var(--ba-accent)}
.blog-btn--ai:hover,.blog-btn--ai:focus-visible{background:var(--ba-accent);border-color:var(--ba-accent);color:#fff}
.blog-svg{flex:0 0 auto;display:inline-block;vertical-align:middle}
.blog-ai__menu a,.blog-ai__menu button{display:flex;align-items:center;gap:.6rem}
.blog-ai__menu .blog-ico{width:18px;font-size:16px;color:#4b5563}
.blog-ico--google{font-family:"CanonFAB"}.blog-ico--google::before{content:"\f1a0"}
.blog-ico--google{color:#4285f4 !important}
.blog-ico--copy{font-family:"CanonFAS";font-weight:900}.blog-ico--copy::before{content:"\f0c5"}
.blog-aside .blog-btn--ai{width:100%;justify-content:center;padding:.65rem 1rem}