/* ===== components.css — переиспользуемые блоки ===== */

/* Мета-информация поста */
.post-meta {
    font-size: 0.875rem;
    color: #999;
}

.post-meta img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 6px;
    object-fit: cover;
}

.post-meta .clock-icon {
    width: 14px;
    height: 14px;
    vertical-align: -1px;
    margin-right: 2px;
}

/* Теги */
.post-tags {
    font-size: 0.875rem;
    color: #999;
}

.post-tags a {
    color: #999;
    text-decoration: none;
}

.post-tags a:hover {
    color: #333;
}

/* Изображение поста */
.post-image {
    width: 100%;
    border-radius: 8px;
    margin: 0.5rem 0 0;
}

/* Подпись к изображению */
figure {
    margin: 0;
}

figcaption {
    font-size: 0.85rem;
    color: #999;
    margin-top: 0.4rem;
    margin-bottom: 0.8rem;
}

/* Заголовок поста */
.post-title a {
    color: #111;
    text-decoration: none;
}

.post-title a:hover {
    color: #e74c3c;
}

/* Описание поста */
.post-desc {
    color: #333;
    font-size: 1rem;
}

/* Заголовок секции */
.section-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #eee;
}

/* Разделитель */
hr.post-divider {
    border-color: #eee;
    margin: 2rem 0;
}

/* Блок автора */
.author-box {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 0;
}

.author-box img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.author-box .author-name {
    font-weight: 600;
    color: #111;
}

.author-box .author-desc {
    font-size: 0.85rem;
    color: #999;
}

/* Пагинация */
.page-link {
    color: #555;
    border-color: #ddd;
}

.page-link:hover {
    color: #111;
    background-color: #f5f5f5;
    border-color: #ccc;
}

.page-item.active .page-link {
    background-color: #333;
    border-color: #333;
    color: #fff;
}