/* =====================================================================
   blog.css - блогът (blog.html) и статията (statia.html). 1:1 от
   makets/final/assets/maket.css (4.9 + .subcats от 4.3 за чиповете на
   категориите); inline стиловете на макета - като класове; коментарите -
   базовият слой на формите.
   ===================================================================== */

/* ---------- чиповете под H1 (maket.css 4.3) ---------- */
.subcats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
@media (max-width: 767px) { .subcats { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); padding-bottom: 2px; } .subcats::-webkit-scrollbar { display: none; } }

/* ---------- мрежа и карта ---------- */
.grid-blog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-cards); }
@media (max-width: 1023px) { .grid-blog { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .grid-blog { grid-template-columns: 1fr; } }
.card-post { display: grid; grid-template-rows: auto 1fr; border: 1px solid var(--c-border); border-radius: var(--r-card); background: #fff; transition: box-shadow var(--ease), transform var(--ease); }
.card-post:hover { box-shadow: var(--shadow-hover); transform: translateY(-3px); }
.card-post__img { display: block; aspect-ratio: 16 / 10; border-radius: var(--r-card) var(--r-card) 0 0; overflow: hidden; background: var(--c-surface); } /* разрешено: снимка */
.card-post__img img { width: 100%; height: 100%; object-fit: cover; }
.card-post__noimg { display: grid; place-items: center; width: 100%; height: 100%; color: var(--c-muted); }
.card-post__noimg svg { width: 40px; height: 40px; }
.card-post__body { display: grid; gap: 10px; align-content: start; padding: 20px; }
.card-post__date { font-size: 13px; color: var(--c-muted); }
.card-post h3 { font-size: 19px; }
.card-post h3 a { text-decoration: none; }
.card-post p { font-size: 15px; color: var(--c-muted); }

/* ---------- статия ---------- */
.statia { padding-top: 28px; }
.statia h1 { margin-top: 14px; }
.post-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 14px; font-size: 14px; color: var(--c-muted); }
.post-meta span { display: inline-flex; align-items: center; gap: 6px; }
.post-meta svg { width: 16px; height: 16px; }
.post-meta a { color: inherit; }
.post-hero { border-radius: var(--r-card); width: 100%; aspect-ratio: 16 / 9; object-fit: cover; margin-block: 28px; }
.toc { padding: 20px 22px; border-radius: var(--r-card); background: var(--c-surface); margin-bottom: 28px; }
.post-meta + .toc { margin-top: 28px; }
.toc h2 { font-size: 17px; margin-bottom: 10px; }
.toc ol { padding-left: 1.3em; display: grid; gap: 6px; }
.toc a { text-decoration: none; font-weight: 500; }
.toc li::marker { color: var(--c-primary); font-weight: 700; }
.entry-content h2[id] { scroll-margin-top: 96px; } /* котвите от .toc не се скриват под лепкавия хедър */

/* ---------- коментари (ПО ПРАВИЛО: базовият слой на формите) ---------- */
.statia-komentari .comments-title, .statia-komentari .comment-reply-title { font-size: 22px; margin-bottom: 18px; }
.comment-list, .comment-list .children { list-style: none; }
.comment-list .children { padding-left: 24px; }
.comment-body { padding-block: 18px; border-bottom: 1px solid var(--c-border); }
.comment-author { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.comment-author .avatar { border-radius: 50%; }
.comment-author .says { display: none; }
.comment-metadata { margin-top: 4px; font-size: 13px; }
.comment-metadata a { color: var(--c-muted); text-decoration: none; }
.comment-content { margin-top: 10px; }
.comment-content > * + * { margin-top: .8em; }
.reply { margin-top: 8px; font-size: 14px; font-weight: 600; }
.comment-respond { margin-top: var(--sp-block); }
.comment-form > * { grid-column: 1 / -1; }
.comment-form > .is-half { grid-column: auto; }
.comment-form .comment-notes, .comment-form .logged-in-as { font-size: 14px; color: var(--c-muted); }
.comment-form .required { color: var(--c-sale); }
.comment-form .field input[type="url"] { width: 100%; padding: 13px 14px; border: 1px solid var(--c-border); border-radius: var(--r-field); background: #fff; font-size: 16px; line-height: 1.4; } /* разрешено: полето запълва клетката */
.comment-form-cookies-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; }
.comment-form-cookies-consent input { margin-top: 4px; accent-color: var(--c-accent); }

/* Галерия в статия (B4.6): ядрото слага надписа върху снимката (абсолютно, бял,
   с градиент и blur). Неутрализира се като при .is-style-rounded на ядрото -
   надписът е под снимката, както .entry-content figcaption в макета. */
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { position: static; flex: initial; background: none; color: var(--c-muted); text-shadow: none; text-align: left; padding: 0; margin: 8px 0 0; font-size: var(--t-small); overflow: visible; max-height: none; will-change: auto; }
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before { content: none; }