/* ============================================================
   PHẦN HỘI VIÊN NỔI BẬT (#hoi-vien-noi-bat) — Ảnh nền bao phủ cả section
   ------------------------------------------------------------
   File riêng cho phần "Hội viên nổi bật" để chỉnh sửa cho tiện.
   Muốn đổi ảnh nền / độ đậm lớp phủ / màu chữ -> sửa tại đây.
   ============================================================ */

:root {
    /* >>> ĐỔI ẢNH NỀN TẠI ĐÂY <<< */
    --members-bg-image: url('/assets/images/total_bg.jpg');
    /* Lớp phủ tối phía trên ảnh để chữ dễ đọc (giảm/tăng số 0.85 để mờ hơn/đậm hơn) */
    --members-overlay: linear-gradient(rgba(7, 70, 145, 0.82), rgba(7, 70, 145, 0.88));
}

/* Ảnh nền phủ kín toàn bộ section (đè lên nền bg-light mặc định) */
#hoi-vien-noi-bat.featured-members {
    position: relative;
    background-image: var(--members-overlay), var(--members-bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* hiệu ứng parallax — bỏ dòng này nếu không muốn */
}

/* Tiêu đề phần chuyển sang màu sáng để nổi trên nền tối */
#hoi-vien-noi-bat.featured-members .section-title {
    color: var(--white);
}

#hoi-vien-noi-bat.featured-members .section-subtitle {
    color: var(--gold);
}

/* Trên điện thoại tắt parallax để cuộn mượt hơn */
@media (max-width: 768px) {
    #hoi-vien-noi-bat.featured-members {
        background-attachment: scroll;
    }

    #hoi-vien-noi-bat .featured-members-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}