/* ==================== Home Page Header Styles ==================== */
/* File này chỉ load ở trang chủ để override header styles */

.header.home-header {
    position: absolute !important;  /* Ban đầu absolute để không che banner */
    top: 0px !important;
    left: 0 !important;
    width: 100% !important;
    padding: 15px 15px 0 !important;
    z-index: 999 !important;
}

/* Không giữ fixed khi scroll - header cuộn theo trang bình thường */
.header.home-header.fixed-header {
    position: absolute !important;
    animation: none;
}

.header.home-header .navbar {
    background: hsl(var(--base-d-700)) !important;
    border-radius: 10px !important;
    padding: 0 40px !important;
}

/* ==================== Responsive Breakpoints ==================== */

@media screen and (max-width: 1399px) {
    .header.home-header .navbar {
        padding: 10px 30px !important;
    }
}

@media screen and (max-width: 1199px) {
    .header.home-header .navbar {
        padding: 10px 20px !important;
    }
}

@media screen and (max-width: 991px) {
    .header.home-header .navbar {
        padding: 10px 15px !important;
    }
}