/* Blogul (15.10.2026): cardurile (și pe prima pagină), lista, articolul.
   Doar tokenurile temei. Coperta are mereu proporția ei, 1200×630, și nu se
   decupează niciodată: titlul din imagine trebuie să se vadă întreg. */

.blog-grila{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.blog-card{display:flex;flex-direction:column;background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza-card);overflow:hidden;transition:transform var(--durata),box-shadow var(--durata)}
.blog-card:hover{transform:translateY(-2px);box-shadow:var(--umbra)}
.blog-card-coperta{display:block;background:var(--verde-adanc)}
.blog-card-coperta picture,.blog-card-coperta img{display:block;width:100%;height:auto;aspect-ratio:1200/630}
.blog-card-text{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.blog-card-cat{margin:0;font-size:13px;font-weight:600;color:var(--verde);letter-spacing:.01em}
.blog-card-titlu{margin:0;font-size:19px;line-height:1.3;font-weight:600}
.blog-card-titlu a{color:var(--negru);text-decoration:none}
.blog-card-titlu a:hover{color:var(--verde);text-decoration:underline;text-underline-offset:3px}
.blog-card-rezumat{margin:0;font-size:15px;line-height:1.55;color:var(--gri);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-meta{margin:auto 0 0;padding-top:6px;font-size:13px;color:var(--gri)}

.blog-categorii{display:flex;flex-wrap:wrap;gap:8px}
.blog-categorii a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--linie);border-radius:999px;color:var(--negru);text-decoration:none;font-size:15px;font-weight:500;background:var(--alb)}
.blog-categorii a:hover{border-color:var(--verde);color:var(--verde)}
.blog-categorii a[aria-current="page"]{background:var(--verde-pal);border-color:var(--verde);color:var(--verde-adanc);font-weight:600}

.blog-pagini{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.blog-pagini a,.blog-pagini span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--linie);border-radius:var(--raza);text-decoration:none;color:var(--negru)}
.blog-pagini a:hover{border-color:var(--verde);color:var(--verde)}
.blog-pagini span[aria-current="page"]{background:var(--verde);border-color:var(--verde);color:var(--alb);font-weight:600}

.erou-blog .pastila-pe-verde a{color:inherit;text-decoration:none}
.erou-blog .pastila-pe-verde a:hover{text-decoration:underline}
.erou-blog h1{max-width:24ch}
.erou-blog .erou-fraza{max-width:60ch}
.blog-erou-meta{margin:18px 0 0;color:rgba(255,255,255,.8);font-size:15px}

.blog-previzualizare{background:var(--verde-pal);color:var(--verde-adanc);font-size:15px;font-weight:500;padding:12px 0}

.blog-cuprins ol{margin:0;padding-left:20px}
.blog-cuprins li{margin:6px 0;font-size:15px;line-height:1.45}
@media (min-width:900px){.blog-cuprins{position:sticky;top:20px;align-self:flex-start;max-height:calc(100vh - 40px);overflow:auto}}

.blog-coperta{margin:0 0 var(--r6);border-radius:var(--raza-card);overflow:hidden;background:var(--verde-adanc)}
.blog-coperta img{display:block;width:100%;height:auto;aspect-ratio:1200/630}

.blog-continut{font-size:var(--text);line-height:1.7;color:var(--negru);overflow-wrap:break-word}
.blog-continut p,.blog-continut ul,.blog-continut ol{margin:0 0 18px}
.blog-continut li{margin:6px 0}
.blog-continut h2{margin:var(--r7) 0 14px;scroll-margin-top:20px}
.blog-continut h3{margin:var(--r6) 0 10px;font-size:20px}
.blog-continut h4{margin:var(--r5) 0 8px;font-size:18px}
.blog-continut a{color:var(--verde);text-underline-offset:3px}
.blog-continut a:hover{color:var(--verde-adanc)}
.blog-continut blockquote{margin:0 0 18px;padding:14px 20px;background:var(--fundal-verde);border-radius:var(--raza-card);color:var(--negru)}
.blog-continut blockquote p:last-child{margin-bottom:0}
.blog-continut .card-erou{margin:0 0 var(--r5);box-shadow:none;border:1px solid var(--linie);animation:none}
.blog-continut .card-erou p:last-child,.blog-continut .card-erou ul:last-child{margin-bottom:0}
.blog-continut .pe-scurt{background:var(--verde-pal);border:0}
.blog-continut .eticheta{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--verde-adanc)}
.blog-continut table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px;line-height:1.5;display:block;overflow-x:auto}
.blog-continut th,.blog-continut td{padding:10px 12px;border:1px solid var(--linie);text-align:left;vertical-align:top}
.blog-continut th{background:var(--fundal-verde);font-weight:600}
.blog-continut caption{caption-side:top;text-align:left;font-weight:600;padding:0 0 8px}

.blog-nota{font-size:14px;line-height:1.55;color:var(--gri);border-top:1px solid var(--linie);padding-top:18px}

@media (prefers-reduced-motion:reduce){.blog-card,.blog-card:hover{transition:none;transform:none}}

/* Titlurile lungi ale articolelor: H1 și H2 puțin mai mici decât pe paginile de produs. */
.erou-blog h1{font-size:clamp(30px,4.2vw,46px);line-height:1.12}
.blog-continut h2{font-size:clamp(24px,2.8vw,32px);line-height:1.2}