/* ==========================================================================
   BODY KIZDAR — контентные страницы (блог, статья, категория).
   --------------------------------------------------------------------------
   Зачем файл: карточки блога были свёрстаны под светлую тему —
   заголовки статей имели color:#0B0F14 и на тёмном фоне не читались.
   Подключается только на этих страницах, правила ограничены .content-page.
   ========================================================================== */

.content-page .blog-item .text h2,
.content-page .blog-item .text h2 a,
.content-page .blog-item-single h1,
.content-page .blog-item-single h2,
.content-page .blog-item-single h3 {
    color: var(--body-text, #fff8fb);
}

.content-page .blog-item .text h2 a:hover,
.content-page .blog-item-single a:hover {
    color: #FF5C8A;
}

.content-page .blog-item .des,
.content-page .blog-item .short-description,
.content-page .blog-item .short-description p,
.content-page .blog-item-single .des,
.content-page .blog-item-single p {
    color: rgba(255, 248, 251, .82);
}

.content-page .blog-item .date,
.content-page .blog-item-single .date,
.content-page .comment-item .date {
    color: var(--body-muted, #a79ba4);
}

.content-page .blog-item,
.content-page .blog-item-single,
.content-page .comment-item {
    border-color: var(--body-border, rgba(255, 255, 255, .08));
}

.content-page .comment-item {
    padding: 18px 20px;
    background: rgba(21, 17, 22, .72);
    border: 1px solid var(--body-border, rgba(255, 255, 255, .08));
}

.content-page .comment-item strong,
.content-page .comment-item b {
    color: var(--body-text, #fff8fb);
}

.content-page .featured-photo img,
.content-page .blog-item-single img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Читаемая типографика статьи */
.content-page .blog-item-single {
    color: rgba(255, 248, 251, .86);
    line-height: 1.8;
}

.content-page .blog-item-single ul,
.content-page .blog-item-single ol {
    padding-left: 22px;
    margin-bottom: 20px;
}

.content-page .blog-item-single li {
    margin-bottom: 10px;
}

/* --------------------------------------------------------------------------
   Спа-тема: карточки статей, обложка и комментарии в тёмном дереве и золоте.
   -------------------------------------------------------------------------- */
body.spa-theme .content-page .blog-item {
    height: 100%;
    padding: 14px 14px 20px;
    background: var(--spa-card, #0B0F14);
    border: 1px solid var(--spa-border, rgba(143, 224, 31, .22));
    box-shadow: var(--spa-shadow-soft, 0 8px 22px rgba(0, 0, 0, .28));
}

body.spa-theme .content-page .blog-item .featured-photo {
    margin-bottom: 14px;
    overflow: hidden;
}

/* В базовой теме у обложки статьи жёсткая высота (200–230px) — на узких
   экранах картинка обрезалась в тёмный квадрат, поэтому задаём пропорцию. */
body.spa-theme .content-page .blog-item .featured-photo img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 6 !important;
    object-fit: contain !important;
    background: #0B0F14;
}

body.spa-theme .content-page .blog-item .text h2 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.35;
}

body.spa-theme .content-page .blog-item .text h2 a:hover,
body.spa-theme .content-page .blog-item-single a:hover {
    color: var(--spa-gold, #8FE01F);
}

body.spa-theme .content-page .blog-item .short-description,
body.spa-theme .content-page .blog-item .short-description p {
    color: var(--spa-muted, #8FE01F);
    font-size: 14.5px;
    line-height: 1.6;
}

body.spa-theme .content-page .blog-item-single {
    color: var(--spa-text-soft, #CBD5E1);
}

body.spa-theme .content-page .blog-item-single p,
body.spa-theme .content-page .blog-item-single li {
    color: var(--spa-text-soft, #CBD5E1);
}

body.spa-theme .content-page .blog-item-single a {
    color: var(--spa-gold, #8FE01F);
}

body.spa-theme .content-page .comment-item {
    background: var(--spa-bg-2, #0B0F14);
    border: 1px solid var(--spa-border, rgba(143, 224, 31, .22));
}

body.spa-theme .content-page .comment-item strong,
body.spa-theme .content-page .comment-item b {
    color: var(--spa-text, #F8FAFC);
}