/* Overrides situs — transisi warna header / ticker / banner + kontras tombol */

/*
 * Flex + overflow: anak flex dengan overflow:auto perlu min-height:0 agar tinggi
 * mengikuti viewport dan scroll tidak “terpotong” atau melonjak.
 */
.inner-body-container {
    min-height: 0;
}

.inner-body-container > .inner-body {
    min-height: 0;
}

/*
 * Header tema = position:absolute + padding-top 54px pada .inner-body.
 * Setelah min-height:0 / tinggi fleksibel, blok berita sering “naik” dan tertutup header.
 * Sticky + padding-top:0: header ikut alur dokumen, pengumuman selalu di bawahnya.
 */
body[data-route="home"] .inner-body-container > .inner-body {
    padding-top: 0 !important;
}

body[data-route="home"] .inner-body > .site-header {
    position: sticky;
    top: 0;
    z-index: 150;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
}

/* Bar unduh APK fixed — harus di atas header (z-index 99 bawaan tema) */
#download_apk_notification {
    z-index: 160;
}

/* Saat notifikasi APK + class body, jaga jarak scroll anchor */
body[data-route="home"].has-apk-download-notification .inner-body-container > .inner-body {
    scroll-padding-top: calc(70px + 54px + env(safe-area-inset-top, 0px));
}

/* Ticker: di bawah header secara stack; gaya gradasi */
body[data-route="home"] .announcement-container {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    background: linear-gradient(
        180deg,
        #0f1f16 0%,
        #0a1810 45%,
        #050d09 100%
    );
    border-bottom: 1px solid rgba(201, 162, 39, 0.35);
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(232, 197, 71, 0.06);
}

body[data-route="home"] .announcement-container > [data-section="announcements"] {
    color: #e8e8e8;
}

/* Banner: isi kotak aspek rasio tanpa merenggangkan gambar */
body[data-route="home"] .banner .banner-img {
    object-fit: cover;
    object-position: center center;
}

/* Tombol daftar di header: teks putih lebih terbaca di gradien hijau terang */
body[data-route="home"] .site-header .register-button,
body[data-route="home"] .site-header .login-button {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}

body[data-route="home"] .site-header .register-button {
    font-weight: 700;
}

/* Aztec gelap + emas: override variabel tema + gradien halaman */
:root {
    --body-bg: #050c08;
    --body-home-bg: #050c08;
    --site-header-bg: linear-gradient(
        135deg,
        #06150d 0%,
        #0f2419 38%,
        #152a1f 72%,
        #1f1608 100%
    );
    --site-header-button-bg: #143828;
    --site-header-button-bg-img: linear-gradient(
        145deg,
        #1e4d36 0%,
        #0c2218 52%,
        #6b5a1e 100%
    );
    --primary-bg: #a67c1a;
    --theme-text-color: #e8c547;
    --primary-button-bg: #0f291c;
    --primary-button-bg-img: linear-gradient(
        135deg,
        #1a4d36 0%,
        #08150f 55%,
        #5c4a14 100%
    );
    --outline-button-border-color: #c9a227;
    --outline-button-text-color: #f5ecd4;
    --modal-header-bg: #0d1f15;
    --modal-header-bg-img: linear-gradient(
        135deg,
        #143d28 0%,
        #070f0c 55%,
        #3d3010 100%
    );
    --carousel-indicator-active-color: #e8c547;
    --jackpot-container-bg-img: linear-gradient(
        165deg,
        #c9a227 0%,
        #0f2918 42%,
        #020806 100%
    );
    --jackpot-inner-container-bg: #020806;
    --jackpot-border-container-bg: #040d09;
    --jackpot-border-container-border-color: rgba(201, 162, 39, 0.55);
    --jackpot-currency-text-color: #f0d78c;
    --main-menu-outer-container-navigation-bg: linear-gradient(
        90deg,
        #0a1810 0%,
        #143d28 48%,
        #2a2310 100%
    );
    --main-menu-outer-container-link-color: #6a9a7e;
    --main-menu-outer-container-link-active-color: #f0d78c;
    --home-section-title-container-bg: #6b5520;
    --home-section-title-container-bg-img: linear-gradient(
        to right,
        #4a3d12 0%,
        #c9a227 50%,
        #1a1508 100%
    );
    --download-apk-section-platform-title-color: #e8c547;
    --download-apk-section-button-bg: #1a3d2a;
    --download-apk-section-guide-link-color: #d4af37;
    --site-footer-link-active-color: #e8c547;
    --site-footer-menu-bg: #050a08;
    --site-info-bg: #040806;
    --form-input-icon-color: #c9a227;
    --side-menu-trigger-bar-icon-bg: #d4af37;
    --standard-form-title-color: #d4af37;
    --standard-form-input-copy-button-bg: linear-gradient(
        to right,
        #1a3d2a 0%,
        #8b6914 100%
    );
    --standard-remark-container-border-color: rgba(201, 162, 39, 0.45);
    --floating-action-button-bg: linear-gradient(90deg, #143d28 0%, #b8962e 100%);
    --floating-action-button-border-color: #6b5a1e;
    --floating-action-button-box-shadow: 0 4px 24px 0 rgba(201, 162, 39, 0.22);
    --reporting-navbar-active-bg-img: linear-gradient(
        to right,
        #1a3d2a 0%,
        #8b6914 100%
    );
    --tab-menu-container-active-bg: #1a3d2a;
}

body {
    --expand-icon-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/icons/expand.gif);
    --collapse-icon-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/icons/collapse.gif);
    --play-icon-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/icons/play.png);
    --desktop-icon-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/icons/desktop-white.png);
    --jquery-ui-444444-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_444444_256x240.png);
    --jquery-ui-555555-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_555555_256x240.png);
    --jquery-ui-ffffff-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_ffffff_256x240.png);
    --jquery-ui-777620-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_777620_256x240.png);
    --jquery-ui-cc0000-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_cc0000_256x240.png);
    --jquery-ui-777777-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/jquery-ui/ui-icons_777777_256x240.png);

    background-color: #050c08;
    background-image:
        radial-gradient(ellipse 130% 70% at 50% -15%, rgba(201, 162, 39, 0.14) 0%, transparent 52%),
        radial-gradient(ellipse 85% 55% at 100% 35%, rgba(30, 77, 54, 0.28) 0%, transparent 48%),
        radial-gradient(ellipse 70% 45% at 0% 80%, rgba(74, 61, 18, 0.2) 0%, transparent 42%),
        linear-gradient(180deg, #030806 0%, #0a1810 38%, #06120d 100%);
    background-attachment: fixed;
}

/* Aset popup global (sebelumnya inline di #popup_modal_content) */
#popup_modal_content {
    --desktop-popup-alert-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-green/desktop/layout/popup/alert.png);
    --desktop-popup-notification-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-green/desktop/layout/popup/notification.png);
    --mobile-popup-alert-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-green/mobile/layout/popup/alert.png);
    --mobile-popup-notification-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-beta/dark-green/mobile/layout/popup/notification.png);
    --event-giveaway-popper-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/giveaway/popper.png);
    --popup-warning-icon-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/icons/popup/warning.svg);
    --popup-success-icon-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/icons/popup/success.svg);
    --popup-failed-icon-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/icons/popup/failed.svg);
    --popup-pending-icon-src: url(assets/d2rzzcn1jnr24x.cloudfront.net/Images/icons/popup/pending.svg);
}

#popup_modal_cancel_button,
#popup_modal_confirm_button {
    display: none;
}