/* ===== ARHIVĂ / BLOG (.p-blog) – v3 =====
   Hero-urile folosesc .hero global; aici: filtre, carduri, tipografia articolului. */

/* ---------- Hero (Arhivă + articol) ---------- */
.p-blog.blog-hero h1 { text-transform: uppercase; letter-spacing: .04em; }
.p-blog.article-hero h1 { max-width: 920px; }
.p-blog.article-hero > .container { padding-bottom: clamp(110px, 14vw, 190px); }
.p-blog.article-hero .post-date:empty { display: none; }

/* ---------- Bara de filtre ---------- */
.p-blog .blog-toolbar {
  display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center;
  margin-bottom: clamp(28px, 4vw, 48px); padding: 14px; background: #fff;
  border-radius: 60px; box-shadow: var(--el-shadow);
}
.p-blog .blog-years { display: flex; flex-wrap: wrap; gap: 6px; }
.p-blog .blog-years button {
  border: 0; background: transparent; color: var(--el-ink);
  border-radius: 50px; padding: 8px 18px; font-weight: 700; font-size: .85rem; transition: all .2s;
}
.p-blog .blog-years button:hover { background: var(--el-pink); color: var(--el-maroon); }
.p-blog .blog-years button.active { background: var(--el-red); color: #fff; box-shadow: 0 6px 16px rgba(249,0,0,.25); }
.p-blog .blog-search {
  max-width: 300px; border-radius: 50px; padding: 9px 20px 9px 44px; border: 1px solid #e6e0de; background-color: var(--el-warm);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f5f66' stroke-width='2' stroke-linecap='round'%3e%3ccircle cx='11' cy='11' r='7'/%3e%3cpath d='m20 20-3.5-3.5'/%3e%3c/svg%3e");
  background-repeat: no-repeat; background-position: 16px center; background-size: 18px;
}
.p-blog .blog-search:focus { border-color: var(--el-red); background-color: #fff; box-shadow: 0 0 0 .2rem rgba(249,0,0,.12); }
.p-blog .blog-empty { color: var(--el-muted); padding: 40px 0; }

/* ---------- Card articol (Arhivă + „Alte articole”) ---------- */
.p-blog .post-card {
  height: 100%; display: flex; flex-direction: column; background: #fff;
  border-radius: var(--el-radius); overflow: hidden; box-shadow: var(--el-shadow);
  transition: transform .3s, box-shadow .3s;
}
.p-blog .post-card:hover { transform: translateY(-6px); box-shadow: var(--el-shadow-lg); }
.p-blog .post-thumb { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: #eee; }
.p-blog .post-thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.35) 100%); pointer-events: none; }
.p-blog .post-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.p-blog .post-card:hover .post-thumb img { transform: scale(1.05); }
.p-blog .post-thumb .post-date {
  position: absolute; left: 16px; bottom: 16px; z-index: 1; background: var(--el-red); color: #fff;
  font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;
  padding: 5px 12px; border-radius: 50px;
}
.p-blog .post-thumb .post-date:empty { display: none; }
.p-blog .post-body { padding: 24px 26px 26px; display: flex; flex-direction: column; flex: 1; }
.p-blog .post-title { font-size: 1.15rem; line-height: 1.35; margin: 0 0 12px; }
.p-blog .post-title a { color: var(--el-ink); text-decoration: none; transition: color .2s; }
.p-blog .post-title a:hover { color: var(--el-red); }
.p-blog .post-excerpt {
  font-size: .9rem; line-height: 1.65; color: var(--el-muted); margin: 0 0 20px;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.p-blog .post-more {
  margin-top: auto; padding-top: 16px; border-top: 1px solid #f0eaea;
  font-weight: 700; font-size: .8rem; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; color: var(--el-red);
}
.p-blog .post-more:hover { color: var(--el-maroon); }

/* ---------- Pagina de articol: tipografie de lectură ---------- */
.p-blog .article-body { max-width: 760px; margin: 0 auto; font-size: 1.1rem; line-height: 1.85; color: #2a2a2e; }
.p-blog .article-body p { font-size: inherit; line-height: inherit; margin-bottom: 1.3em; }
.p-blog .article-body h2, .p-blog .article-body h3, .p-blog .article-body h4 { color: var(--el-ink); margin: 2em 0 .7em; }
.p-blog .article-body a { text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.p-blog .article-body ul, .p-blog .article-body ol { margin-bottom: 1.3em; padding-left: 1.3em; }
.p-blog .article-body li::marker { color: var(--el-red); }
.p-blog .article-body blockquote { border-left: 4px solid var(--el-red); padding: 4px 0 4px 22px; margin: 1.8em 0; font-style: italic; color: var(--el-ink); }
.p-blog .article-cover { margin: calc(-1 * var(--el-sec-y) - 110px) 0 clamp(32px, 4vw, 48px); position: relative; z-index: 2; }
.p-blog .article-cover img { width: 100%; border-radius: var(--el-radius); box-shadow: var(--el-shadow-lg); }
.p-blog .post-figure { margin: 2em 0; }
.p-blog .post-figure img { width: 100%; border-radius: var(--el-radius-sm); box-shadow: var(--el-shadow); }
.p-blog .article-body iframe { max-width: 100%; border-radius: var(--el-radius-sm); }
.p-blog .article-nav { max-width: 760px; margin: clamp(32px, 4vw, 56px) auto 0; padding-top: 28px; border-top: 1px solid #eee; }

/* „Alte articole” */
.p-blog .related-title { text-align: center; margin-bottom: clamp(32px, 4vw, 48px); }

@media (max-width: 767.98px) {
  .p-blog .blog-toolbar { border-radius: var(--el-radius); }
  .p-blog .blog-search { max-width: 100%; width: 100%; }
  .p-blog .article-body { font-size: 1rem; line-height: 1.75; }
  .p-blog .article-cover { margin-top: calc(-1 * var(--el-sec-y) - 30px); }
}


/* ===== Pagina de articol (v5): o singură poză – cea de sus ===== */
.p-blog.article-hero > .container { padding-bottom: clamp(56px, 7vw, 96px); }
/* Galerie foto în articol */
.p-blog .article-gallery { margin-top: clamp(24px, 3vw, 40px); }