/* Pagina de articol „Descoperă”: aceeași identitate vizuală Blogu' lu' Ion
 * ca paginile de rețetă (aceleași culori, fonturi și proporții), dar
 * structurată pentru text lung, nu pentru ingrediente și pași. */
:root{--blib-ink:#17130f;--blib-soft:#3a342e;--blib-muted:#6e675f;--blib-line:#e6e1db;--blib-paper:#fff;--blib-cream:#f6f4f1;--blib-red:#c63827;--blib-gold:#a9741a;--blib-sans:"Jost","Helvetica Neue",Helvetica,Arial,sans-serif;--blib-serif:"Playfair Display","Iowan Old Style",Georgia,serif;--blib-display:"Enchanted Land","Cormorant Garamond",Georgia,serif;--blib-body:"Source Serif 4","Iowan Old Style",Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
body.blib-blog-page{margin:0;background:var(--blib-paper)!important;color:var(--blib-ink);font-family:var(--blib-body);font-size:17px;line-height:1.65}

/* Header/footer de rezervă — folosite doar dacă tema nu poate furniza headerul real. */
.blib-header{border-bottom:1px solid var(--blib-line);background:#fff}
.blib-header-inner{max-width:1180px;margin:auto;padding:22px 32px;display:flex;align-items:center;gap:24px}
.blib-brand{color:var(--blib-ink);text-decoration:none;display:inline-flex;align-items:center}
.blib-brand span{font-family:"Klaxon Crunchy",Georgia,serif;font-size:28px;letter-spacing:-.04em}
.blib-brand span i{font-style:normal;color:var(--blib-red);margin:0 .09em}
.blib-nav{margin-left:auto}.blib-nav a{font-family:var(--blib-sans);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:var(--blib-ink)}

.blib-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.blib-crumbs{padding:26px 0 22px;font-family:var(--blib-sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blib-muted)}
.blib-crumbs a{color:var(--blib-muted);text-decoration:none}
.blib-crumbs span{padding:0 8px;color:#c7c0ba}

.blib-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);align-items:center;gap:clamp(34px,5vw,78px);padding:clamp(30px,4vw,58px) 0 34px}
.blib-eyebrow{margin:0 0 18px;font-family:var(--blib-sans);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--blib-red)}
.blib-eyebrow:before{content:'✦';padding-right:11px;font-size:16px;color:var(--blib-red)}
.blib-hero h1{max-width:18ch;margin:0 0 20px;font-family:var(--blib-display);font-size:clamp(34px,4.2vw,58px);font-weight:400;line-height:1.12;color:var(--blib-ink)}
.blib-lede{max-width:52ch;margin:0 0 14px;font-family:var(--blib-body);font-size:clamp(17px,1.25vw,20px);font-weight:400;line-height:1.62;color:var(--blib-soft)}
.blib-meta{margin:0;font-family:var(--blib-sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blib-muted)}
.blib-hero figure{width:100%;margin:0;overflow:hidden}
.blib-hero figure img{display:block;width:100%;height:auto}
.blib-hero figcaption{margin-top:8px;font-family:var(--blib-sans);font-size:10px;letter-spacing:.08em;color:var(--blib-muted)}
@media(max-width:760px){.blib-hero{grid-template-columns:1fr;gap:26px;padding-top:28px}.blib-hero figure{order:-1;max-width:560px}}

.blib-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:clamp(28px,3.4vw,56px);padding-bottom:70px}
.blib-copy{font-family:var(--blib-body);font-size:18px;line-height:1.65;color:var(--blib-soft)}
.blib-copy p{margin:0 0 22px}

.blib-block{margin-top:44px}
.blib-block:first-child{margin-top:0}
.blib-block h2{margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--blib-line);font-family:var(--blib-display);font-size:clamp(23px,2.4vw,31px);font-weight:400;line-height:1.14;color:var(--blib-ink)}
.blib-block p{margin:0 0 20px;font-family:var(--blib-body);font-size:18px;line-height:1.65;color:var(--blib-soft)}
.blib-block-images{display:grid;gap:16px;margin:24px 0}
.blib-block-images-multi{grid-template-columns:repeat(2,minmax(0,1fr))}
.blib-block-images figure{margin:0}
.blib-block-images img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}
.blib-block-images figcaption{margin-top:8px;font-family:var(--blib-sans);font-size:11px;letter-spacing:.04em;color:var(--blib-muted)}
@media(max-width:520px){.blib-block-images-multi{grid-template-columns:1fr}}

/* Bara laterală (Cuprins + Abonează-te + Articole recente + Vezi și) NU
 * mai e fixată la derulare (fără „position:sticky”) — cerință explicită:
 * bara trebuie să se deruleze exact ca textul normal, în același ritm cu
 * articolul, fără să rămână „lipită” de ecran în timp ce cititorul
 * derulează. */
.blib-aside{width:316px;max-width:100%;font-family:var(--blib-body);font-size:14px;align-self:start}
.blib-aside-label{margin:0 0 16px;font-family:var(--blib-display);font-size:10.5px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--blib-muted)}
.blib-aside-card{padding:22px 0;border-bottom:1px solid var(--blib-line)}
.blib-aside-card:first-child{padding-top:0}

/* Cuprinsul are propriul chenar (bej foarte deschis), ca să iasă în
 * evidență față de restul barei laterale — de-asta suprascrie padding-ul
 * și bordura moștenite de la .blib-aside-card, cu aceeași specificitate
 * (două clase), ca regula asta să câștige indiferent de ordine. */
.blib-aside-card.blib-toc{padding:20px 22px;border:1px solid var(--blib-line);border-bottom:1px solid var(--blib-line);border-radius:6px;background:#faf7f1}
.blib-toc ol{margin:0;padding:0;list-style:none;counter-reset:blib-toc}
.blib-toc li{counter-increment:blib-toc;margin:0 0 12px;padding-left:24px;position:relative;font-family:var(--blib-body);font-size:14px;line-height:1.4}
.blib-toc li:last-child{margin-bottom:0}
.blib-toc li:before{content:counter(blib-toc);position:absolute;left:0;top:0;font-family:var(--blib-sans);font-size:11px;color:var(--blib-muted)}
.blib-toc a{color:var(--blib-soft);text-decoration:none}
.blib-toc a:hover{color:var(--blib-red)}

.blib-recent ul,.blib-related ul{margin:0;padding:0;list-style:none;display:grid;gap:16px}
.blib-recent li a,.blib-related li a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;color:var(--blib-ink);text-decoration:none}
.blib-recent li img,.blib-related li img,.blib-recent-placeholder{display:block;width:64px;height:64px;object-fit:cover;object-position:center;background:var(--blib-cream);border:1px solid var(--blib-line)}
.blib-recent li small{display:block;margin:0 0 4px;font-family:var(--blib-sans);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--blib-muted)}
.blib-recent li strong,.blib-related li strong{display:block;font-family:var(--blib-serif);font-size:15px;font-weight:600;line-height:1.3;color:var(--blib-ink)}
.blib-recent li a:hover strong,.blib-related li a:hover strong{color:var(--blib-red)}
/* La „Vezi și”, textul mic de deasupra titlului e categoria articolului,
 * scrisă cu roșu — ca să se deosebească vizual de data (gri) de la
 * „Articole recente”, deși structura cardului e identică. */
.blib-related li small{display:block;margin:0 0 4px;font-family:var(--blib-sans);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blib-red)}

.blib-newsletter{padding-top:24px}
.blib-newsletter-text{margin:0 0 14px;font-family:var(--blib-body);font-size:13px;line-height:1.5;color:var(--blib-muted)}
.blib-newsletter-form{display:grid;gap:10px}
.blib-newsletter-form input{padding:12px 14px;border:1px solid var(--blib-line);background:var(--blib-cream);font-family:var(--blib-body);font-size:14px;color:var(--blib-ink)}
.blib-newsletter-form button{padding:12px 14px;border:0;background:var(--blib-ink);color:#fff;font-family:var(--blib-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.blib-newsletter-form button:hover{background:var(--blib-red)}
.blib-newsletter-form button:disabled{opacity:.6;cursor:default}

/* „Articole Recente” — carduri mari, in stilul widget-ului „Noutati” de pe
 * homepage (.aside-item din tema): poza patrata + eticheta mica rosie +
 * titlu pe doua randuri. Alimentat live din cele mai noi articole publicate. */
.blib-newarticles-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start;padding-block:18px;border-bottom:1px solid var(--blib-line);color:var(--blib-ink);text-decoration:none}
.blib-newarticles-item:last-child{border-bottom:0}
.blib-newarticles-fig{display:block;position:relative;overflow:hidden;aspect-ratio:1;background:var(--blib-cream)}
.blib-newarticles-fig img{display:block;width:100%;height:100%;object-fit:cover}
.blib-newarticles-fig-empty{border:1px solid var(--blib-line)}
.blib-newarticles-item small{display:block;margin:0 0 6px;font-family:var(--blib-sans);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blib-red)}
.blib-newarticles-item strong{display:block;font-family:var(--blib-serif);font-size:17px;font-weight:600;line-height:1.3;transition:opacity .3s ease}
.blib-newarticles-item:hover strong{opacity:.62}

@media(max-width:1080px){.blib-layout{grid-template-columns:minmax(0,1fr)}.blib-aside{width:316px}}
@media(max-width:520px){.blib-aside{width:100%}}

/* Footer — identic celui de pe paginile de rețetă, ca site-ul să fie coerent peste tot. */
.blib-footer{padding:clamp(34px,3.8vw,54px) max(24px,calc((100% - 1180px)/2)) 26px;border-top:1px solid var(--blib-line);background:#fff;color:var(--blib-soft);font-family:var(--blib-body);font-size:15px}
.blib-footer-inner{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,56px);max-width:1180px;margin:0 auto}
.blib-footer-brand{display:inline-flex;color:var(--blib-ink);text-decoration:none}
.blib-footer-brand span{font-family:"Klaxon Crunchy",Georgia,serif;font-size:26px;letter-spacing:-.04em}
.blib-footer-brand span i{font-style:normal;color:var(--blib-red);margin:0 .09em}
.blib-footer-brand-column>p{max-width:34ch;margin:18px 0 0;font-size:14px;line-height:1.65;color:var(--blib-muted)}
.blib-footer-column h3{margin:0 0 18px;font-family:var(--blib-sans);font-size:10.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--blib-muted)}
.blib-footer-column a{display:block;margin:0 0 11px;font-size:14px;color:var(--blib-ink);text-decoration:none}
.blib-footer-column a:hover{color:var(--blib-red)}
.blib-footer-bottom{max-width:1180px;margin:clamp(28px,3vw,42px) auto 0;padding-top:20px;border-top:1px solid var(--blib-line)}
.blib-footer-bottom p{margin:0;font-family:var(--blib-sans);font-size:11px;letter-spacing:.1em;color:var(--blib-muted)}
@media(max-width:820px){.blib-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.blib-footer-brand-column{grid-column:1/-1}}
@media(max-width:520px){.blib-footer-inner{grid-template-columns:1fr}.blib-footer-brand-column{grid-column:auto}}