/*
Theme Name: SOS Médecin Blog
Author: Blue Concept
Version: 1.0
Description: Thème léger du blog. Reprend automatiquement l'en-tête, le menu, le pied de page et le CSS du site statique.
Text Domain: sos-blog
*/
.sos-blog{padding-block:clamp(2.5rem,6vw,5rem);background:var(--paper,#f5f7fc)}
.blog-hero{max-width:760px}
.blog-eyebrow{font-size:var(--text-xs,.8125rem);letter-spacing:.12em;text-transform:uppercase;color:var(--navy-600,#00298e);font-weight:600;margin:0 0 .9rem}
.blog-hero h1,.article h1{font-family:var(--font-heading);font-size:var(--text-3xl,3rem);line-height:var(--leading-display,1.08);color:var(--ink,#0b1730);margin:0}
.blog-lead{font-size:var(--text-lg,1.25rem);color:var(--muted,#455778);line-height:1.55;margin:1.1rem 0 0}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.4rem;margin-top:2.8rem}
.post-card{background:#fff;border:1px solid var(--line,#dbe2f0);border-radius:20px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.post-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(5,27,79,.10)}
.post-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.post-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.post-card-body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.post-card-cat{font-size:var(--text-xs,.8125rem);text-transform:uppercase;letter-spacing:.08em;color:var(--red,#ce000f);font-weight:600}
.post-card h2{font-family:var(--font-heading);font-size:var(--text-lg,1.25rem);line-height:1.25;color:var(--ink,#0b1730);margin:0}
.post-card p{color:var(--muted,#455778);font-size:var(--text-sm,.9375rem);line-height:1.6;margin:0}
.post-card-more{margin-top:auto;padding-top:.4rem;color:var(--navy-600,#00298e);font-weight:600;font-size:var(--text-sm,.9375rem)}
.blog-empty{margin-top:2rem;color:var(--muted,#455778)}
.nav-links{display:flex;gap:.5rem;justify-content:center;margin-top:2.5rem}
.nav-links .page-numbers{padding:.55rem .95rem;border-radius:999px;border:1px solid var(--line,#dbe2f0);background:#fff;color:var(--ink,#0b1730);text-decoration:none}
.nav-links .current{background:var(--navy-900,#051b4f);color:#fff;border-color:transparent}
.article{max-width:760px;margin-inline:auto}
.breadcrumb{font-size:var(--text-sm,.9375rem);color:var(--muted,#455778);margin-bottom:1.4rem}
.breadcrumb a{color:var(--navy-600,#00298e);text-decoration:none}
.breadcrumb span{margin:0 .4rem;opacity:.5}
.article .meta{color:var(--muted,#455778);font-size:var(--text-sm,.9375rem);margin:1rem 0 2rem}
.article-cover{width:100%;height:auto;border-radius:20px;margin-bottom:2rem}
.content{font-size:var(--text-base,1.0625rem);line-height:1.75;color:var(--ink,#0b1730)}
.content h2{font-family:var(--font-heading);font-size:var(--text-xl,1.5rem);line-height:1.25;margin:2.4rem 0 .9rem;color:var(--ink,#0b1730)}
.content h3{font-size:var(--text-lg,1.25rem);line-height:1.3;margin:1.8rem 0 .6rem;color:var(--ink,#0b1730)}
.content p,.content ul,.content ol{margin:0 0 1.15rem}
.content ul,.content ol{padding-left:1.3rem}
.content li{margin:.35rem 0}
.content a{color:var(--navy-600,#00298e);text-decoration:underline;text-underline-offset:3px}
.content img{max-width:100%;height:auto;border-radius:14px}
.content blockquote{margin:1.6rem 0;padding:1rem 1.3rem;border-left:3px solid var(--red,#ce000f);background:#fff;border-radius:0 12px 12px 0}
.content .rank-math-faq-item,.content .wp-block-rank-math-faq-block>div{background:#fff;border:1px solid var(--line,#dbe2f0);border-radius:14px;padding:1rem 1.2rem;margin-bottom:.8rem}
.content .rank-math-question{margin:0 0 .4rem;font-size:var(--text-base,1.0625rem)}
.cta-call{margin:2.8rem 0 1.6rem;background:var(--navy-900,#051b4f);color:#fff;border-radius:22px;padding:1.6rem 1.8rem;display:flex;gap:1rem 1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-call strong{display:block;font-family:var(--font-heading);font-size:var(--text-lg,1.25rem);margin-bottom:.25rem}
.cta-call span{color:var(--navy-200,#c0d1f1);font-size:var(--text-sm,.9375rem)}
.cta-call a{background:var(--red-cta,#ce000f);color:#fff;border-radius:999px;padding:.9rem 1.5rem;font-weight:600;text-decoration:none;white-space:nowrap}
.cta-call a:hover{background:var(--red-cta-hover,#aa010b)}
.disclaimer{font-size:var(--text-xs,.8125rem);color:var(--muted,#455778);border-top:1px solid var(--line,#dbe2f0);padding-top:1rem;line-height:1.6}