/* Tropic Home - блог (B7.1): 1:1 с makets/final/assets/blog.css (Етап F, PLAN раздел F.5; Opus 29.09.2026).
   home.php, single.php, template-parts/blocks/card-post.php. Токените са в base.css (:root = maket.css).
   Само .card-post / .blog-* / .post-* класове. Цветове, радиуси, отстъпи - само токените от maket.css (:root).
   Петте забранени свойства не се ползват: без фиксирана височина на текст, без overflow:hidden,
   без position:absolute, без line-clamp - откъсът се реже по дължина (до 160 знака) в PHP. */

/* Карта на статия (пропорциите на .card-imot) */
.card-post { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--c-border); border-radius: var(--r-card); padding: 8px; color: var(--c-text); text-decoration: none; transition: box-shadow var(--ease), transform var(--ease); }
.card-post:hover { box-shadow: var(--shadow-hover); transform: translateY(-3px); color: var(--c-text); }
.card-post__img img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-img); background: var(--c-surface); }
.card-post__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 12px 12px; flex: 1; }
.card-post__date { font-size: var(--t-small); color: var(--c-muted); }
.card-post__title { font-size: 20px; line-height: 1.3; overflow-wrap: anywhere; }
.card-post__excerpt { color: var(--c-muted); font-size: var(--t-small); line-height: 1.6; }
.card-post__more { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--c-accent-hover); }
.card-post__more svg { width: 18px; height: 18px; flex: none; }
.card-post:hover .card-post__more { color: var(--c-primary); }

/* Списък */
.blog-hero .lead { color: #fff; }
.blog-pag { margin-top: var(--sp-block); }
.blog-empty { margin-top: 16px; }

/* Статия */
.post-meta { color: var(--c-muted); font-size: var(--t-small); }
.post-lead { margin: 0 auto var(--sp-block); max-width: 1200px; }
.post-lead img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-img); background: var(--c-surface); }
.post-body { max-width: 760px; margin-inline: auto; }
.post-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-block: 32px; padding: 20px 24px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-card); }
.post-cta p { margin: 0; font-family: var(--f-head); font-weight: 700; font-size: var(--t-h4); line-height: 1.3; color: var(--c-text); }
.post-cta .btn { flex: none; }

/* Таблицата от Gutenberg (figure.wp-block-table) носи рамките на ядрото (1px черно, thead 3px) -
   връщат се линиите на stranica.html/statiya.html от .entry-content в base.css. Не е в макета: там таблицата е без блок. */
.post-body .wp-block-table thead { border-bottom: 0; }
.post-body .wp-block-table th, .post-body .wp-block-table td { border: 0; border-bottom: 1px solid var(--c-border); }

@media (max-width: 767px) {
  .post-cta { flex-direction: column; align-items: stretch; padding: 16px; }
  .post-cta .btn { width: 100%; justify-content: center; }
}