/* =========================================================
   ObeGames - Header Mobile cố định, không che nội dung
   ========================================================= */

@media (max-width: 991.98px) {
    body.mobile-fixed-header-enabled {
        --og-mobile-header-height: 110px;
        --og-mobile-header-top: 0px;
    }

    body.mobile-fixed-header-enabled.has-active-header-promotion {
        --og-mobile-header-top: 48px;
    }

    body.mobile-fixed-header-enabled.no-active-header-promotion {
        --og-mobile-header-top: 0px;
    }

    /*
     * Dùng fixed thay cho sticky vì một số trình duyệt mobile không giữ
     * sticky khi phần tử cha của giao diện có overflow/transform.
     */
    body.mobile-fixed-header-enabled header,
    body.mobile-fixed-header-enabled header.header-mobile,
    body.mobile-fixed-header-enabled header.smaller,
    body.mobile-fixed-header-enabled header.autoshow,
    body.mobile-fixed-header-enabled header.header-mobile-sticky {
        position: fixed !important;
        top: var(--og-mobile-header-top) !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        margin-top: 0 !important;
        transform: none !important;
        z-index: 10050 !important;
        background: rgba(3, 6, 23, .98) !important;
        box-shadow: 0 8px 26px rgba(0, 0, 0, .20);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }

    /*
     * Header fixed không còn chiếm chỗ trong bố cục. Phần đệm này giữ đúng
     * chiều cao thực tế của Header nên nội dung bên dưới không bị che.
     */
    body.mobile-fixed-header-enabled .mobile-header-spacer {
        display: block;
        width: 100%;
        height: var(--og-mobile-header-height);
        min-height: var(--og-mobile-header-height);
        pointer-events: none;
    }

    /* Thanh mã giảm giá vẫn nằm trong luồng trang và cuộn khỏi màn hình. */
    body.mobile-fixed-header-enabled .top-notice.dynamic-promo-notice {
        position: relative !important;
        top: auto !important;
        z-index: 10060 !important;
    }

    /* Tránh cơ chế autoshow của theme kéo Header lên ngoài màn hình. */
    body.mobile-fixed-header-enabled header.autoshow.scrollOn,
    body.mobile-fixed-header-enabled header.autoshow.scrollOff,
    body.mobile-fixed-header-enabled header.header-center.scroll-down {
        top: var(--og-mobile-header-top) !important;
        margin-top: 0 !important;
        transform: none !important;
    }
}

@media (min-width: 992px) {
    .mobile-header-spacer {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
    }
}