/* ============================================================
   HOTWIN88 - BANNER THEME (merah / hitam / putih)
   Dimuat SETELAH hotwin-fire.css sehingga menimpa :root miliknya.
   Hapus <link> ini di index.html untuk kembali ke tema api.
   ------------------------------------------------------------
   Diturunkan dari hotwin-fire.css: hue diputar ke merah banner
   (#e10600) dengan urutan lightness dipertahankan, sehingga
   relasi kontras tema lama tetap terjaga.
   Keluarga emas dinaikkan ke putih (banner tidak memakai emas),
   krem dinetralkan ke abu, warna status hijau/biru dibiarkan.
   ============================================================ */
:root {
    --theme-text-color: #ff1810;
    --primary-button-bg: #ffffff;
    --bonus-slider-activation-button-hover-bg: #e00700;
    --claim-item-type-bg: #e00700;
    --claim-type-exp-countdown-data-section-bg: #e00700;
    --claim-item-border: #e00700;
    --claim-item-color: #e00700;
    --claim-item-titile-free-spin-note-color: #e00700;
    --claim-item-activation-button-bg: #e00700;
    --claim-item-activation-button-hover-bg: #ffffff;
    --claim-info-modal-modal-body-info-section-highlighted-section-turnover-calc-note-span-color: #e00700;
    --contact-us-list-li-h6-color: #e00700;
    --contact-us-list-a-color: #ffffff;
    --contact-us-list-a-hover-color: #ffffff;
    --announcement-cntr-data-section-announcements-bg: #e00700;
    --home-progressive-jackpot-bg: linear-gradient(#ffffff,#e00700,#ffffff);
    --home-progressive-jackpot-inner-cntr-bg: linear-gradient(#e00700,#000);
    --home-progressive-jackpot-border-cntr-border: #e00700;
    --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#e00700,#ffffff);
    --home-progressive-jackpot-jackpot-border-cntr-border: #e00700;
    --home-progressive-jackpot-jackpot-currency-color: #e00700;
    --home-progressive-jackpot-jackpot-play-text-color: #e00700;
    --home-progressive-jackpot-jackpot-play-text-label-color: #ffffff;
    --home-inner-cntr-bg: #240100;
    --popular-game-title-cntr-i-border-bottom: #e00700;
    --popular-game-title-cntr-a-bg: #e00700;
    --popular-game-title-cntr-game-list-cntr-bg: #fffaf6;
    --popular-game-title-cntr-game-list-cntr-border: #e00700;
    --download-apk-h2-span-color: #e00700;
    --download-apk-section-i-color: #e00700;
    --info-center-cntr-panel-group-title-a-color: #e00700;
    --about-us-cntr-h5-data-title-sky-is-not-the-limit-color: #e00700;
    --about-us-cntr-inner-box-border: #e00700;
    --loyalty-reward-cntr-category-title-before-bg: #e00700;
    --loyalty-reward-cntr-reward-button-bg: linear-gradient(to right,#ffffff,#e00700);
    --loyalty-cntr-std-form-title-color: #e00700;
    --loyalty-cntr-std-form-title-border: #e00700;
    --loyalty-cntr-loyalty-menu-a-bg: #e00700;
    --how-it-works-cntr-section-title-color: #e00700;
    --mission-cntr-item-bg: #dddddd;
    --mission-cntr-item-action-cntr-bg: #e00700;
    --mission-cntr-item-action-cntr-button-bg: #e00700;
    --mission-cntr-item-action-cntr-button-hover-bg: #e00700;
    --mission-cntr-item-claimable-action-cntr-button-bg: #e00700;
    --mission-cntr-item-claimable-action-cntr-button-bg-image: linear-gradient(to right,#e00700 0%,#e00700 100%);
    --mission-cntr-item-claimable-action-cntr-button-hover-bg: #e00700;
    --mission-cntr-item-claimable-action-cntr-button-hover-bg-image: linear-gradient(to right,#e00700 0%,#e00700 100%);
    --loyalty-level-remarks-cntr-border: #e00700;
    --replied-message-border: #e00700;
    --message-table-header-buttons-container-a-hover-bg: #e00700;
    --message-table-checkbox-column-border-top: #e00700;
    --notification-tabs-tab-item-active-bg: #e00700;
    --notification-tabs-tab-item-active-bg-image: linear-gradient(to bottom,#e00700 0%,#500300 100%);
    --notification-list-item-data-false-bg: #ffecde;
    --notification-list-item-data-false-border: #e00700;
    --notification-list-item-header-label-bg: #e00700;
    --notification-list-item-play-button-bg: #e00700;
    --notification-popup-body-footer-bg: #e00700;
    --notification-popup-body-footer-bg-image: linear-gradient(to bottom,#e00700 0%,#500300 100%);
    --notification-popup-body-footer-border: #e00700;
    --mobile-app-password-std-form-note-span-color: #ffffff;
    --mobile-app-select-active-a-bg: #b30600;
    --mobile-app-title-cntr-color: #e00700;
    --mobile-app-cntr-nav-tabs-border: #ffffff;
    --mobile-app-cntr-nav-tabs-li-active-a-color: #ffffff;
    --mobile-app-cntr-nav-tabs-li-active-a-border: #ffffff;
    --mobile-app-cntr-tab-pane-note-color: #ff443d;
    --profile-cntr-mobile-info-button-border: #e00700;
    --profile-cntr-mobile-info-button-color: #e00700;
    --profile-cntr-mobile-info-button-hover-bg: #ec0800;
    --standard-content-info-h2-color: #e00700;
    --standard-content-block-bg: #e00700;
    --bank-info-cntr-carousel-indicatiors-active-bg: #ff443d;
    --set-as-default-button-color: #e00700;
    --set-as-default-button-border: #e00700;
    --promotion-side-menu-h5-color: #e00700;
    --promotion-side-menu-a-active-bg: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --promotion-side-menu-a-active-border-left: #ffffff;
    --promotion-item-bg: linear-gradient(to right,#ececec 0%,#f1f1f1 100%);
    --promotion-item-footer-color: #ff1109;
    --promotion-item-get-promo-button-bg: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --promotion-item-get-promo-button-hover-bg: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --promotion-item-more-info-button-color: #b30600;
    --promotion-item-details-get-promo-button-bg: #ffffff;
    --promotion-item-details-get-promo-button-bg-linear: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --promotion-item-details-get-promo-button-hover-bg: #b30600;
    --promotion-item-details-get-promo-button-hover-bg-linear: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --referral-cntr-a-hover-color: #b30600;
    --referral-code-container-border-color: #ffffff;
    --referral-button-bg: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --referral-box-cntr-referral-box-span-color: #ffffff;
    --referral-features-item-icon-div-bg: linear-gradient(to bottom,#ffffff 0%,#b30600 100%);
    --referral-features-item-info-p-color: #ffffff;
    --referral-verification-cntr-std-form-note-color: #ffffff;
    --referral-verification-cntr-verified-false-profile-link-bg: linear-gradient(to bottom,#e00700 0%,#500300 100%);
    --referral-verification-cntr-verified-false-profile-link-hover-bg: linear-gradient(to bottom,#500300 0%,#e00700 100%);
    --pending-verification-cntr-icon-cntr-bg: #e00700;
    --pending-verification-cntr-p-color: #e00700;
    --referral-update-verification-note-bg: #e3e3e3;
    --register-done-cntr-h2-span-color: #ff443d;
    --register-done-cntr-btn-deposit-bg: #b30600;
    --register-done-cntr-btn-deposit-bg-linear: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --register-done-cntr-btn-deposit-hover-bg: #b30600;
    --register-done-cntr-btn-deposit-hover-bg-linear: linear-gradient(to left,#ffffff 0%,#b30600 100%);
    --register-done-cntr-std-btn-group-border: #ffffff;
    --register-done-cntr-verification-done-border: #ffffff;
    --register-done-cntr-verification-done-bg: #ffffff4f;
    --register-done-cntr-verification-done-info-color: #ffffff;
    --register-done-cntr-verification-done-a-color: #ff443d;
    --pending-trans-car-item-download-qr-btn-bg: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --pending-trans-car-item-download-qr-btn-hover-bg: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --transactions-table-body-span-reject-color: #ff443d;
    --provider-slide-bg: #e00700;
    --provider-slide-bg-linear: linear-gradient(to bottom,#e00700 0%,#730400 100%);
    --provider-slide-border: #ff443d;
    --jackpot-cntr-bg: linear-gradient(#e00700,#ffffff);
    --jackpot-cntr-box-shadow: 0px 5px 15px #ffffff80;
    --jackpot-border-cntr-border: #e00700;
    --jackpot-currency-color: #e00700;
    --jackpot-play-section-text-color: #e00700;
    --jackpot-play-section-text-label-color: #ffffff;
    --bank-info-download-qr-code-button-bg: linear-gradient(to bottom,#e00700 0%,#500300 100%);
    --bank-info-download-qr-code-button-hover-bg: linear-gradient(to bottom,#500300 0%,#e00700 100%);
    --payment-method-selection-input-radio-checked-label-bg: #e00700;
    --payment-method-selection-input-radio-checked-label-bg-image: linear-gradient(to bottom,#e00700 0%,#500300 100%);
    --remarks-cntr-border: #e00700;
    --remarks-cntr-i-border: #e00700;
    --remarks-cntr-i-color: #e00700;
    --deposit-cntr-formatted-balance-color: #e00700;
    --deposit-cntr-reveal-bank-acc-btn-bg: #ffffff;
    --deposit-cntr-reveal-bank-acc-btn-bg-image: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --deposit-cntr-reveal-bank-acc-btn-hover-bg: #b30600;
    --deposit-cntr-reveal-bank-acc-btn-hover-bg-image: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --deposit-summary-cntr-header-bg: #500300;
    --withdrawal-cntr-formatted-balance-color: #e00700;
    --withdrawal-summary-header-bg: #500300;
    --play-now-bg: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --play-now-hover-bg: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --game-list-cntr-vendor-name-color: #e00700;
    --game-list-cntr-filter-section-bg: linear-gradient(to right,#e00700 0%,#780400 100%);
    --game-list-cntr-filter-section-input-text-border: #e00700;
    --game-list-cntr-filter-section-input-text-bg: #730400;
    --game-list-cntr-filter-section-after-bg: #e10800;
    --game-list-cntr-category-filter-link-active-hover-bg: #ff443d;
    --provider-outer-game-list-cntr-game-info-bg: #fffaf6;
    --provider-outer-game-list-cntr-game-info-border: #e00700;
    --game-list-game-item-bg: linear-gradient(to bottom,#ff443d 0%,#550300 100%);
    --game-list-provider-name-color: #e00700;
    --large-game-list-cntr-section-heading-h4-color: #ff443d;
    --large-game-list-cntr-section-border: #ff443d;
    --large-game-list-cntr-play-now-bg: #ff221a;
    --large-game-list-cntr-play-now-hover-bg: #d40700;
    --large-game-list-li-bg: linear-gradient(180deg,rgba(0,0,0,0) 90%,#ff443d 100%);
    --large-game-list-img-bg: linear-gradient(180deg,rgba(0,0,0,0) 0%,#be0600 100%);
    --large-game-list-li-a-game-info-color: #b30600;
    --large-game-list-li-a-game-info-hover-focus-color: #e00700;
    --topbar-left-section-item-a-hover-color: #ff443d;
    --topbar-left-section-lang-sel-li-hover-bg: #e00700;
    --site-header-bg: linear-gradient(to top,#550300 0%,#e00700 100%);
    --top-menu-li-color: #ffdfc7;
    --top-menu-li-before-bg: #ff443d;
    --top-menu-game-list-cntr-border: #ffffff;
    --top-menu-games-cntr-li-bg: linear-gradient(180deg,rgba(0,0,0,0) 25%,#ff443d 100%);
    --top-menu-games-cntr-li-a-img-bg: linear-gradient(180deg,rgba(47,0,0,.98) 0%,#be0600 100%);
    --site-contacts-bg: linear-gradient(to top, #550300 0%, #e00700 100%);
    --site-contacts-list-li-a-bg: #190100;
    --site-contacts-list-li-a-i-bg: #e00700;
    --site-info-inner-cntr-site-links-cntr-border: #cacaca;
    --site-info-inner-cntr-footer-links-li-a-hover-color: #ff443d;
    --site-info-inner-cntr-supp-list-li-border: #ff443d;
    --register-page-reminder-color: #ff443d;
    --register-page-link-a-color: #e00700;
    --footer-separator-border: #cacaca;
    --progressbar-bg: #cacaca;
    --progress-bg: #ff443d;
    --simple-modal-btn-secondary-border: #b30600;
    --introjs-tooltiptext-sub-color: #ff443d;
    --introjs-nextbtn-bg: linear-gradient(to right,#e00700 0%,#ff443d 100%);
    --introjs-bullets-ul-li-a-active-hover-bg: #ff443d;
    --daily-reward-cntr-double-xp-count-cntr-bg: #d70700;
    --modal-body-pending-trans-summ-cntr-border: #ff443d;
    --modal-body-pending-trans-summ-cntr-bg: #ff443d17;
    --modal-body-pending-trans-summ-cntr-footer-a-bg: #ff443d;
    --floating-action-btn-item-bg: linear-gradient(90deg,#ffffff 0%,#b30600 100%);
    --floating-action-btn-item-border: #ff443d;
    --floating-action-btn-item-bs: #ffffff80;
    --ref-code-box-a-color: #ffffff;
    --ref-code-box-a-hover-color: #b30600;
    --login-panel-reg-btn-bg: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --login-panel-reg-btn-hover-bg: linear-gradient(to top,#b30600 0%,#e00700 100%);
    --provider-cntr-border: #cacaca;
    --user-info-vendor-balance-cntr-border: #e00700;
    --loyalty-top-bar-cntr-exp-section-message-color: #d50700;
    --unread-announce-popup-border: #e00700;
    --modal-header-bg: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --modal-footer-btn-primary-bg: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --modal-footer-btn-primary-hover-bg: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --modal-footer-btn-secondary-hover-color: #b30600;
    --register-forgot-pass-modal-header-color: #ff443d;
    --popup-modal-maintenance-p-span-color: #ff4039;
    --std-form-title-color: #e00700;
    --std-form-sub-title-border: #e00700;
    --std-form-note-bg: #e3e3e3;
    --std-form-note-a-color: #e00700;
    --std-form-content-reporting-scroll-cntr-table-head-bg: #ff2820;
    --exp-countdown-data-section-bg: #ff1109;
    --std-profile-bar-username-field-username-color: #ec0800;
    --std-profile-bar-balance-field-balance-color: #ffffff;
    --std-profile-bar-user-field-loyalty-info-cntr-div-a-bg: #ee0800;
    --std-nav-bar-title: #e00700;
    --std-nav-bar-a-not-active-true-hover-border: #e00700;
    --std-side-menu-color: #e00700;
    --std-form-note-span: #ffffff;
    --std-report-scroll-cntr-table-grid-totals-bg: #ff2820;
    --simple-form-note-color: #ffffff;
    --otp-hr-color: #ff443d;
    --std-remark-notif-content-span-color: #b30600;
    --std-outline-btn-border: #b30600;
    --top-tab-cntr-a-true-hover-bg: linear-gradient(to right,#b30600 0%,#ffffff 100%);
    --data-payment-gateway-download-qr-btn-bg: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --bonus-selection-cntr-border: #ff443d;
    --bonus-selection-cntr-color: #ff443d;
    --bonus-selection-list-card-selected-card-footer-bg: #fffaf7;
    --bonus-selection-cntr-action-cancel-bonus-btn-border: #ff443d;
    --bonus-selection-list-card-footer-end-date-color: #ff443d;
    --bonus-selection-list-card-remarks-cntr-bg: #ffede0;
    --modal-body-resolved-trans-details-rejected-reason-container-border-color: #ff443d;
    --modal-body-resolved-trans-details-rejected-reason-text-color: #ff443d;
    --popover-border: #e00700;
    --bonus-sel-list-card-selected-content-title-bonus-btn-bg: #ff443d;
    --bonus-sel-list-card-selected-content-title-bonus-btn-border: #ff443d;
    --bonus-sel-list-card-selected-content-title-bonus-btn-color: #c30700;
    --complaint-cntr-std-form-link-header-a-true-bg: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --complaint-cntr-std-form-title-border: #ffffff;
    --complaint-form-std-btn-primary-bg: linear-gradient(to right,#ffffff 0%,#b30600 100%);
    --cntr-complaint-section-header-color: #ffffff;
}

/* --- koreksi kontras ---
   Tombol bonus ini punya latar merah terang; hasil rotasi hue membuat
   teksnya ikut merah (rasio 1.83, tidak terbaca). Dikembalikan ke
   near-black sehingga rasio 5.9 dan lolos WCAG AA. */
:root{
    --bonus-sel-list-card-selected-content-title-bonus-btn-color: #1a0000;
}