/* Đảm bảo cột trái và phải có chiều cao bằng nhau */
.news-category-section .row {
    display: flex;
    align-items: stretch;
}

.news-category-section .col-md-7,
.news-category-section .col-md-5 {
    display: flex;
    flex-direction: column;
}

.news-category-section .featured-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-category-section .featured-card .card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.news-category-section .col-md-5 .row {
    height: 100%;
}

.news-category-section .related-item {
    flex: 1;
}

/* Đảm bảo ảnh featured có tỷ lệ cố định */
.featured-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* Điều chỉnh card body để nội dung cân bằng */
.news-category-section .featured-card .card-body {
    padding: 1rem;
}

.news-category-section .related-item .d-flex {
    height: 100%;
}

/* Giới hạn excerpt */
.featured-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* MING LIFE cream / champagne news palette */
:root {
    --ml-news-green: var(--theme-primary);
    --ml-news-green-dark: var(--theme-primary-dark);
    --ml-news-ink: var(--theme-text);
    --ml-news-muted: var(--theme-muted);
    --ml-news-border: var(--theme-border);
    --ml-news-canvas: var(--theme-background);
    --ml-news-surface: var(--theme-surface);
    --ml-news-gold: var(--theme-accent);
    --ml-news-gold-soft: color-mix(in srgb, var(--theme-accent) 23%, var(--theme-surface));
}

body {
    background: var(--ml-news-canvas);
}

.news-search {
    background:
        linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-background) 100%) !important;
    border-bottom: 1px solid var(--ml-news-border);
}

.news-search .form-control {
    border-color: var(--theme-border);
    background: var(--ml-news-surface);
    color: var(--ml-news-ink);
}

.news-search .form-control:focus {
    border-color: var(--ml-news-gold);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--theme-accent) 20%, transparent);
}

.news-search .btn-primary {
    background: var(--ml-news-green) !important;
    border-color: var(--ml-news-green) !important;
}

.news-content {
    background: var(--ml-news-canvas);
}

.news-category-section {
    padding: 20px;
    border: 1px solid var(--ml-news-border);
    border-radius: 20px;
    background: var(--ml-news-surface);
    box-shadow: 0 10px 28px rgba(91,70,37,.07);
}

.news-category-section > .d-flex h4 {
    color: var(--ml-news-ink);
}

.news-category-section .section-all-btn {
    color: var(--ml-news-green-dark) !important;
    font-weight: 800;
    text-decoration: none;
}

.news-category-section .featured-card {
    overflow: hidden;
    border-color: var(--ml-news-border);
    border-radius: 16px;
    background: var(--ml-news-surface);
    box-shadow: 0 6px 18px rgba(91,70,37,.06);
}

.news-category-section .featured-card:hover {
    border-color: var(--ml-news-gold);
}

.news-category-section .card-title a,
.news-category-section .related-item a.text-dark,
.news-sidebar .list-unstyled a,
.news-sidebar a.text-dark {
    color: var(--ml-news-ink) !important;
}

.news-category-section .card-title a:hover,
.news-category-section .related-item a.text-dark:hover,
.news-sidebar .list-unstyled a:hover,
.news-sidebar a.text-dark:hover {
    color: var(--ml-news-green) !important;
}

.news-category-section .text-muted,
.news-sidebar .text-muted {
    color: var(--ml-news-muted) !important;
}

.news-sidebar {
    background: linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-background) 100%) !important;
    color: var(--ml-news-ink) !important;
    border: 1px solid var(--ml-news-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(91,70,37,.08) !important;
}

.news-sidebar .sidebar-section {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--ml-news-border);
}

.news-sidebar .sidebar-section:last-child {
    border-bottom: 0;
}

.news-sidebar .sidebar-section h5 {
    color: var(--ml-news-gold) !important;
    letter-spacing: .04em;
}

.news-sidebar a {
    color: var(--ml-news-green-dark) !important;
}

.news-sidebar a:hover {
    color: var(--ml-news-green) !important;
}

.news-sidebar .btn-outline-primary {
    color: var(--ml-news-green-dark);
    border-color: var(--theme-border);
    background: var(--ml-news-surface);
}

.news-sidebar .btn-outline-primary:hover,
.news-sidebar .btn-outline-primary:focus-visible {
    color: var(--ml-news-green-dark);
    border-color: var(--ml-news-gold);
    background: var(--ml-news-gold-soft);
}

.news-date {
    background: var(--theme-primary-dark) !important;
    border: 1px solid var(--theme-accent);
}

.pagination .page-link {
    color: var(--ml-news-green-dark);
    border-color: var(--ml-news-border);
    background: var(--ml-news-surface);
}

.pagination .page-item.active .page-link {
    color: #fff;
    background: var(--ml-news-green);
    border-color: var(--ml-news-green);
}

@media (max-width: 991px) {
    .news-sidebar {
        background: var(--ml-news-surface) !important;
        padding: 14px !important;
        border-radius: 16px !important;
        box-shadow: 0 8px 22px rgba(91,70,37,.06) !important;
    }
}