/* ===========================
   TINTUC.CSS – Page Tin tức
   =========================== */

.page-news .hero-section {
    padding-top: 78px;
    padding-bottom: 60px;
}
.page-news .extra-service-item {
   color: #0a0a0a;
}
/* Ô chủ đề thường quan tâm */
.page-news .card-elevated {
    border-radius: 18px;
    border: 1px solid var(--border);
}

/* News list */
.page-news .news-card {
    transition: transform .18s ease, box-shadow .18s ease;
}

.page-news .news-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(15,23,42,0.12);
}

/* Tiêu đề bài viết */
.page-news .news-title {
    font-size: 1rem;
}

/* Badge danh mục */
.page-news .badge-news {
    background: var(--primary-soft);
    color: var(--primary);
}

/* Sidebar */
.page-news aside ul li a {
    color: var(--dark);
}

.page-news aside ul li a:hover {
    color: var(--primary);
    text-decoration: underline;
}

/* Pagination */
.page-news .pagination .page-link {
    font-size: 0.82rem;
}

/* Responsive */
@media (max-width: 767.98px) {
    .page-news .hero-section {
        padding-top: 64px;
        padding-bottom: 44px;
    }
}