/* ===== Blog LocaScan (articles SEO + vente en douceur) ===== */
.blog-nav { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 22px; max-width:1100px; margin:0 auto; }
.blog-nav .brand { display:flex; align-items:center; gap:11px; text-decoration:none; color:inherit; }
.blog-nav .brand img { width:40px; height:40px; }
.blog-nav .brand strong { font-size:19px; letter-spacing:-.4px; }
.blog-nav-links { display:flex; align-items:center; gap:10px; }

.blog-hero { text-align:center; max-width:760px; margin:0 auto; padding:34px 20px 8px; }
.blog-hero h1 { font-size:2.1rem; letter-spacing:-.5px; margin:0 0 10px; }
.blog-hero p { color:var(--gris); font-size:1.05rem; margin:0; }

.blog-grid { max-width:980px; margin:26px auto 0; padding:0 20px 60px; display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; }
.blog-card { display:block; text-decoration:none; color:inherit; background:var(--surface,#fff); border:1px solid var(--bord); border-radius:18px; overflow:hidden; box-shadow:var(--ombre); transition:transform .18s ease, box-shadow .18s ease; }
.blog-card:hover { transform:translateY(-4px); box-shadow:0 14px 40px rgba(20,16,60,.18); }
.blog-card .bc-top { height:96px; background:var(--grad); display:flex; align-items:center; justify-content:center; font-size:40px; }
.blog-card .bc-body { padding:18px 20px 22px; }
.blog-card .bc-tag { display:inline-block; font-size:11.5px; font-weight:700; color:var(--vert); background:rgba(124,58,237,.12); padding:4px 10px; border-radius:999px; margin-bottom:10px; }
.blog-card h2 { font-size:1.15rem; line-height:1.35; margin:0 0 8px; }
.blog-card p { color:var(--gris); font-size:.92rem; line-height:1.5; margin:0; }

/* Article */
.article { max-width:740px; margin:0 auto; padding:30px 22px 70px; }
.article .fil { font-size:13px; color:var(--gris); margin-bottom:18px; }
.article .fil a { color:var(--vert); text-decoration:none; }
.article h1 { font-size:2.05rem; line-height:1.2; letter-spacing:-.5px; margin:0 0 12px; }
.article .meta { color:var(--gris); font-size:14px; margin:0 0 26px; }
.article h2 { font-size:1.4rem; margin:38px 0 12px; letter-spacing:-.3px; }
.article h3 { font-size:1.1rem; margin:24px 0 8px; }
.article p, .article li { font-size:1.06rem; line-height:1.75; color:var(--texte); }
.article ul, .article ol { padding-left:22px; }
.article li { margin:7px 0; }
.article strong { font-weight:700; }
.article .intro { font-size:1.18rem; color:var(--gris); line-height:1.7; }
.article blockquote { border-left:4px solid var(--vert); background:var(--gris-clair); margin:22px 0; padding:14px 18px; border-radius:0 12px 12px 0; font-style:italic; color:var(--texte); }

/* Encart produit (vente en douceur) */
.promo { margin:32px 0; padding:26px; border-radius:20px; background:var(--grad); color:#fff; box-shadow:0 14px 40px rgba(20,16,60,.28); }
.promo h3 { margin:0 0 8px; font-size:1.3rem; color:#fff; }
.promo p { margin:0 0 16px; color:rgba(255,255,255,.9); font-size:1rem; line-height:1.6; }
.promo .promo-cta { display:inline-block; background:#fff; color:#4a1685; font-weight:800; text-decoration:none; padding:12px 22px; border-radius:12px; }
.promo .promo-note { display:block; margin-top:10px; font-size:.82rem; color:rgba(255,255,255,.75); }

.article-end { margin-top:40px; padding-top:24px; border-top:1px solid var(--bord); }
.article-end a { color:var(--vert); text-decoration:none; font-weight:600; }
[data-theme="dark"] .blog-card { background:#171a2b; }
[data-theme="dark"] .article blockquote { background:#1a1d29; }
@media (max-width:600px){ .article h1{font-size:1.6rem} .blog-hero h1{font-size:1.6rem} }