/* ============================================================
   Autolub — Blog (single + indice /blog/ + archive)
   Layout no modelo CEO Clinica, com os TOKENS do Autolub.
   Depende de tokens.css + base.css + home.css.
   ============================================================ */

/* ============ POST (single) ============ */
.blog-hero{background:var(--color-dark-bg);color:var(--color-text-light);padding:var(--space-2xl) 0 var(--space-3xl);}
.blog-hero__breadcrumb{font-size:var(--fs-body-sm);color:#94a3b8;margin-bottom:var(--space-md);}
.blog-hero__breadcrumb a{color:var(--color-bright);}
.blog-chip{display:inline-block;background:var(--color-secondary-on-light);color:#fff;font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);padding:4px 14px;border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;}
.blog-hero__title{font-size:var(--fs-h1);color:#fff;margin:var(--space-md) 0;}
.blog-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-md);color:#cbd5e1;font-size:var(--fs-body-sm);align-items:center;}
.blog-cover{position:relative;margin-top:calc(var(--space-3xl) * -1);margin-bottom:var(--space-2xl);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);aspect-ratio:16/7;}
.blog-cover img{width:100%;height:100%;object-fit:cover;}
.blog-cover__label{position:absolute;left:0;bottom:0;right:0;padding:var(--space-2xl) var(--space-xl) var(--space-lg);background:linear-gradient(180deg,transparent,rgba(15,23,42,.82));color:#fff;font-family:var(--font-heading);font-weight:var(--fw-extrabold);text-transform:uppercase;font-size:var(--fs-h4);line-height:var(--lh-snug);letter-spacing:.01em;max-width:22ch;}
@media(max-width:767px){.blog-cover{aspect-ratio:16/10;}.blog-cover__label{font-size:var(--fs-body-lg);}}

.post-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--space-3xl);padding-bottom:var(--space-3xl);align-items:start;}
@media(max-width:991px){.post-layout{grid-template-columns:1fr;gap:var(--space-xl);}}

.post-toc{position:sticky;top:96px;background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);}
@media(max-width:991px){.post-toc{position:static;}}
.post-toc__title{font-family:var(--font-heading);font-size:var(--fs-h6);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-md);font-weight:var(--fw-bold);}
.post-toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:var(--space-sm);}
.post-toc a{color:var(--color-text-secondary);font-size:var(--fs-body-sm);line-height:var(--lh-base);border-left:2px solid var(--color-border);padding-left:var(--space-md);display:block;}
.post-toc a:hover{color:var(--color-primary);border-color:var(--color-secondary);}

.post-content{font-size:var(--fs-body-lg);line-height:var(--lh-loose);color:var(--color-text);max-width:72ch;}
.post-content h2{font-size:var(--fs-h2);margin-top:var(--space-3xl);margin-bottom:var(--space-md);scroll-margin-top:96px;}
.post-content h3{font-size:var(--fs-h3);margin-top:var(--space-2xl);margin-bottom:var(--space-sm);scroll-margin-top:96px;}
.post-content > h2:first-child,.post-content > h3:first-child{margin-top:0;}
.post-content p{margin-bottom:var(--space-lg);}
.post-content a{color:var(--color-secondary-on-light);text-decoration:underline;text-underline-offset:2px;font-weight:var(--fw-medium);}
.post-content a:hover{color:var(--color-primary);}
.post-content ul,.post-content ol{padding-left:var(--space-xl);margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);}
.post-content ul li{list-style:disc;}
.post-content ol li{list-style:decimal;}
.post-content li::marker{color:var(--color-secondary);}
.post-content figure{margin:var(--space-xl) 0;}
.post-content img{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}
.post-content figcaption{font-size:var(--fs-body-sm);color:var(--color-text-secondary);text-align:center;font-style:italic;margin-top:var(--space-sm);}
.post-content blockquote{border-left:4px solid var(--color-secondary);background:var(--color-surface-light);padding:var(--space-lg) var(--space-xl);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--fs-h5);color:var(--color-text-secondary);font-style:italic;margin:var(--space-xl) 0;}
.post-content table{width:100%;border-collapse:collapse;font-size:var(--fs-body);margin:var(--space-xl) 0;box-shadow:var(--shadow-sm);border-radius:var(--radius-md);overflow:hidden;}
.post-content th,.post-content td{border:1px solid var(--color-border);padding:var(--space-md);text-align:left;vertical-align:top;}
.post-content th{background:var(--color-primary);color:#fff;font-family:var(--font-heading);font-weight:var(--fw-semibold);}
.post-content tbody tr:nth-child(even){background:var(--color-surface-light);}
.post-content .wp-block-embed__wrapper,.post-content .video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);margin:var(--space-xl) 0;}
.post-content .wp-block-embed__wrapper iframe,.post-content .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.post-content .faq-container{margin:var(--space-xl) 0;}

/* Resumo do artigo */
.post-resumo{background:var(--color-surface-light);border:1px solid var(--color-border);border-left:4px solid var(--color-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);}
.post-resumo__title{font-family:var(--font-heading);font-size:var(--fs-h5);color:var(--color-primary);font-weight:var(--fw-bold);margin-bottom:var(--space-md);}
.post-resumo ul{padding-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);}
.post-resumo li{list-style:disc;font-size:var(--fs-body);}
.post-resumo li::marker{color:var(--color-secondary);}

/* Dica do NeneLub */
.dica-nene{display:flex;gap:var(--space-md);background:var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);align-items:flex-start;box-shadow:var(--shadow-sm);margin:var(--space-xl) 0;}
.dica-nene__icon{flex:0 0 auto;width:48px;height:48px;}
.dica-nene__icon img{width:48px;height:48px;border-radius:0;box-shadow:none;}
.dica-nene__body{font-size:var(--fs-body);color:#5b4b1f;}
.dica-nene__body strong{font-family:var(--font-heading);display:block;margin-bottom:4px;color:var(--color-primary);}

/* CTA final */
.post-cta{margin-top:var(--space-2xl);padding:var(--space-2xl);background:var(--color-dark-bg);border-radius:var(--radius-xl);text-align:center;}
.post-cta h2{color:#fff;font-size:var(--fs-h3);margin:0 0 var(--space-sm);}
.post-cta p{color:#cbd5e1;margin-bottom:var(--space-lg);}

/* Compartilhar */
.post-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);}
.post-share__label{font-family:var(--font-heading);font-weight:var(--fw-semibold);color:var(--color-text);}
.post-share a{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:8px 16px;font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary);}
.post-share a:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
.post-share svg{width:18px;height:18px;}

/* Caixa do autor */
.post-author{display:flex;gap:var(--space-lg);align-items:center;background:var(--color-dark-bg);border-radius:var(--radius-xl);padding:var(--space-xl);margin-top:var(--space-2xl);}
.post-author__avatar{flex:0 0 auto;width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.post-author__avatar img{width:100%;height:100%;object-fit:contain;padding:8px;}
.post-author__name{font-family:var(--font-heading);font-weight:var(--fw-bold);color:#fff;font-size:var(--fs-h5);}
.post-author__bio{color:#cbd5e1;font-size:var(--fs-body-sm);margin-top:4px;}

/* ============ INDICE / ARCHIVE ============ */
.blog-index-hero{background:var(--color-dark-bg);color:#fff;padding:var(--space-3xl) 0;text-align:center;}
.blog-index-hero h1{font-size:var(--fs-h1);color:#fff;}
.blog-index-hero p{color:#cbd5e1;font-size:var(--fs-body-lg);max-width:60ch;margin:var(--space-md) auto 0;}

.blog-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;align-items:center;padding:var(--space-2xl) 0 var(--space-lg);}
.blog-toolbar__title{font-size:var(--fs-h3);}
.blog-search{display:flex;align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-sm);}
.blog-search input{border:0;padding:10px 18px;font-size:var(--fs-body-sm);min-width:220px;background:transparent;}
.blog-search input:focus{outline:none;}
.blog-search button{background:var(--color-primary);color:#fff;border:0;padding:10px 16px;display:flex;align-items:center;cursor:pointer;}
.blog-search button svg{width:18px;height:18px;fill:currentColor;}

.blog-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-2xl);padding-bottom:var(--space-3xl);align-items:start;}
@media(max-width:991px){.blog-layout{grid-template-columns:1fr;}}
.blog-sidebar{position:sticky;top:96px;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);}
@media(max-width:991px){.blog-sidebar{position:static;}}
.blog-sidebar__head{background:var(--color-dark-bg);color:#fff;font-family:var(--font-heading);font-weight:var(--fw-bold);padding:var(--space-md) var(--space-lg);text-align:center;letter-spacing:.02em;}
.blog-sidebar__list{list-style:none;padding:var(--space-sm) 0;}
.blog-sidebar__list li a{display:block;padding:10px var(--space-lg);color:var(--color-text);font-weight:var(--fw-medium);border-bottom:1px solid var(--color-border);}
.blog-sidebar__list li:last-child a{border-bottom:0;}
.blog-sidebar__list li a:hover{background:var(--color-surface-light);color:var(--color-primary);}

.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;}}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-base);}
.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.blog-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--color-dark-surface);}
.blog-card__media img{width:100%;height:100%;object-fit:cover;}
.blog-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.55),rgba(15,23,42,.05) 45%,rgba(15,23,42,.35));}
.blog-card__date{position:absolute;left:var(--space-md);bottom:var(--space-md);z-index:2;background:var(--color-primary);color:#fff;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);padding:4px 12px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;}
.blog-card__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex:1;}
.blog-card__title{font-size:var(--fs-h4);line-height:var(--lh-base);}
.blog-card__title a{color:var(--color-text);}
.blog-card__title a:hover{color:var(--color-primary);}
.blog-card__excerpt{color:var(--color-text-secondary);font-size:var(--fs-body);flex:1;}
.blog-card__more{font-weight:var(--fw-bold);color:var(--color-secondary-on-light);font-size:var(--fs-body-sm);margin-top:var(--space-sm);}
.blog-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-2xl) 0 var(--space-3xl);}
.blog-pagination .page-numbers{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);}
.blog-pagination .page-numbers.current{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}

/* btn--whatsapp dentro do conteudo do post: nao herdar o link de conteudo (azul/sublinhado) */
.post-content a.btn--whatsapp,.post-content a.btn--whatsapp-outline{text-decoration:none;font-weight:var(--fw-semibold);}
.post-content a.btn--whatsapp,.post-content a.btn--whatsapp:hover{color:#fff;}