/*
 * JIMAT78 Theme Override
 * Merah/Gold branding — menggantikan dark-green (ggmayo)
 * Generated: 2026-08-29
 */

/* ============================================================
   CSS VARIABLES — override semua hijau ke merah/gold
   ============================================================ */
:root {
  /* Warna hijau → merah */
  --announcement-cntr-section-announcement-color: #e74c3c !important;
  --announcement-cntr-list-li-color: #e74c3c !important;
  --banner-carousel-indicators-active-bg: #c0392b !important;
  --banner-carousel-indicators-active-border: #c0392b !important;

  /* Download APK */
  --download-apk-section-i-color: #e74c3c !important;
  --download-apk-btn-color: #fff !important;
  --download-apk-btn-bg: linear-gradient(to bottom, #e74c3c 0%, #8b0000 100%) !important;
  --download-apk-btn-hover-color: #fff !important;
  --download-popup-modal-header-title-color: #e74c3c !important;

  /* Jackpot */
  --home-progressive-jackpot-bg: linear-gradient(#3d0000, #c0392b, #1a0000) !important;
  --home-progressive-jackpot-border-cntr-border: 3px solid #c0392b !important;
  --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#8b0000, #1a0000) !important;
  --home-progressive-jackpot-jackpot-border-cntr-border: 3px dotted #6b0000 !important;
  --home-progressive-jackpot-jackpot-currency-color: #e74c3c !important;
  --home-progressive-jackpot-inner-cntr-bg: linear-gradient(#3d0000, #000) !important;

  /* Sports */
  --sports-platform-title-color: #e74c3c !important;
  --sport-match-item-teams-span-color: #e74c3c !important;

  /* Popular Games */
  --popular-game-title-cntr-title-span-bg: #8b0000 !important;
  --popular-game-title-cntr-title-span-after-bg: #8b0000 !important;
  --popular-game-title-cntr-content-border: 1px solid #8b0000 !important;
  --popular-game-title-cntr-content-game-list-game-item-game-name-color: #e74c3c !important;
  --popular-games-scroll-arrow-color: #e74c3c !important;

  /* Home game list */
  --home-game-list-cntr-title-span-bg: #8b0000 !important;
  --home-game-list-cntr-title-span-after-bg: #8b0000 !important;
  --home-game-list-cntr-content-border: 1px solid #8b0000 !important;
  --home-game-list-cntr-content-game-list-game-item-game-name-color: #e74c3c !important;

  /* Arcade */
  --arcade-games-cntr-category-filter-link-active-color: #e74c3c !important;

  /* Promotion */
  --promotion-cntr-std-side-menu-a-true-color: #e74c3c !important;
  --promotion-item-click-for-get-promo-btn-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --promotion-item-click-for-get-promo-btn-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --promotion-info-close-btn-bg: #c0392b !important;
  --promotion-item-details-click-for-get-promo-btn-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --promotion-item-details-click-for-get-promo-btn-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --notification-tabs-tab-item-active-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --notification-list-item-data-seen-false-bg: #1a0000 !important;
  --notification-list-item-data-seen-false-border: #c0392b !important;
  --notification-list-item-header-label-bg: #8b0000 !important;
  --notification-list-item-play-btn-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --notification-popup-body-list-item-seen-false-bg: #1a0000 !important;
  --notification-popup-body-list-item-seen-false-border: #8b0000 !important;
  --notification-popup-body-footer-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --notification-popup-body-footer-border: 1px solid #c0392b !important;

  /* Register */
  --register-done-cntr-h2-span-color: #e74c3c !important;
  --register-done-cntr-btn-deposit-bg: linear-gradient(to bottom, #e74c3c 0%, #8b0000 100%) !important;
  --register-done-cntr-btn-deposit-hover-bg: linear-gradient(to top, #c0392b 0%, #e74c3c 100%) !important;
  --register-done-cntr-btn-cntr-register-done-btn-border: 1px solid #c0392b !important;
  --register-done-cntr-verification-done-border: 2px dotted #c0392b !important;
  --register-done-cntr-verification-done-bg: #3d0000 !important;
  --register-done-cntr-verification-done-info-color: #e74c3c !important;
  --register-done-cntr-verification-done-info-border: 1px solid #c0392b !important;
  --register-done-cntr-verification-done-a-color: #e74c3c !important;

  /* Info Center */
  --info-center-title-bg: #c0392b !important;
  --info-center-content-panel-heading-a-color: #e74c3c !important;

  /* Messaging */
  --messaing-side-menu-active-a-color: #e74c3c !important;
  --messaing-side-menu-active-a-border: #c0392b !important;
  --messaging-side-menu-support-ticket-a-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --messaging-side-menu-support-ticket-a-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;

  /* Contact */
  --contact-us-list-li-a-color: #e74c3c !important;

  /* Claim */
  --claim-item-border: 1px solid #8b0000 !important;
  --claim-item-title-free-spin-note-color: #c0392b !important;
  --claim-item-type-div-bg: #8b0000 !important;
  --claim-item-type-expiration-countdown-section-bg: #8b0000 !important;
  --claim-item-type-expiration-countdown-section-before-bg: #6b0000 !important;
  --claim-item-claim-btn-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --claim-item-claim-btn-hover-bg: #3d0000 !important;
  --claim-item-activation-btn-bg: linear-gradient(to bottom, #8b0000 0%, #8b0000 100%) !important;
  --claim-item-activation-btn-hover-bg: #3d0000 !important;
  --claim-item-cancellation-btn-bg: linear-gradient(to bottom, #8b0000 0%, #8b0000 100%) !important;
  --claim-item-cancellation-btn-hover-bg: #3d0000 !important;
  --claim-item-expiration-btn-bg: linear-gradient(to bottom, #8b0000 0%, #8b0000 100%) !important;
  --claim-item-expiration-btn-hover-bg: #3d0000 !important;
  --claim-info-modal-h4-color: #e74c3c !important;

  /* Mobile App */
  --mobile-app-cntr-select-a-active-bg: #8b0000 !important;
  --mobile-app-cntr-nav-tabs-li-active-a-color: #e74c3c !important;
  --mobile-app-cntr-link-cntr-download-here-btn-cntr-android-bg: #c0392b !important;

  /* Profile */
  --profile-cntr-mobile-info-btn-hover-bg: #c0392b !important;

  /* Std content */
  --std-content-info-h2-color: #e74c3c !important;

  /* Bank info */
  --bank-info-cntr-carousel-indicators-li-hover-bg: #e74c3c !important;

  /* Add payment */
  --add-new-payment-acc-cntr-a-color: #e74c3c !important;
  --add-new-payment-acc-cntr-a-img-filter: invert(43%) sepia(97%) saturate(800%) hue-rotate(330deg) brightness(100%) contrast(104%) !important;
  --set-as-default-btn-color: #e74c3c !important;
  --set-as-default-btn-border: 1px solid #e74c3c !important;

  /* Referral */
  --referral-cntr-a-hover-color: #e74c3c !important;
  --referral-section-referral-code-cntr-border: 1px dashed #e74c3c !important;
  --referral-section-referral-code-copy-btn-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --referral-section-referral-social-media-cntr-referral-social-media-btn-filter: invert(100%) invert(40%) sepia(90%) saturate(700%) hue-rotate(330deg) brightness(90%) contrast(130%) !important;
  --referral-box-cntr-referral-box-bg: #3d0000 !important;
  --referral-box-cntr-referral-box-border: 1px solid #e74c3c !important;
  --referral-box-cntr-referral-box-referral-box-icon-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --referral-box-cntr-referral-box-span-color: #e74c3c !important;
  --referral-features-referral-features-item-feature-icon-div-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --referral-features-referral-features-item-feature-info-p-color: #e74c3c !important;
  --referral-verification-cntr-std-btn-group-input-submit-disabled-bg: linear-gradient(to bottom, #87867f, #323232) !important;
  --referral-verification-cntr-verified-false-profile-link-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --referral-verification-cntr-verified-false-profile-link-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;

  /* Pending verification */
  --pending-verification-cntr-icon-cntr-bg: #c0392b !important;
  --pending-verification-cntr-p-color: #e74c3c !important;

  /* Whitelisted domains */
  --whitelisted-domains-link-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;

  /* Loyalty */
  --loyalty-reward-cntr-category-title-before-bg: #e74c3c !important;
  --loyalty-reward-cntr-reward-button-bg: linear-gradient(to bottom, #c0392b, #8b0000) !important;
  --loyalty-level-cntr-item-progress-cntr-reached-true-progress-point-bg: #c0392b !important;
  --loyalty-level-cntr-item-progress-cntr-reached-true-progress-point-border: #8b0000 !important;
  --loyalty-level-cntr-item-progress-cntr-progress-bar-progress-bg: #c0392b !important;
  --loyalty-level-remarks-cntr-bg: #8b000033 !important;
  --loyalty-level-remarks-cntr-border: #8b0000 !important;
  --how-it-works-cntr-section-title-color: #c0392b !important;
  --mission-cntr-item-default-claimable-info-progress-cntr-progress-bg: #c0392b !important;
  --mission-cntr-item-default-claimable-info-progress-cntr-progress-border: #e74c3c !important;
  --mission-cntr-item-claimable-action-cntr-action-btn-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --mission-cntr-item-claimable-action-cntr-action-btn-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --loyalty-available-rank-up-modal-std-secondary-btn-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --loyalty-available-rank-up-modal-std-secondary-btn-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --loyalty-history-list-item-content-points-item-span-increase-color: #f39c12 !important;

  /* Progressive jackpot */
  --progressive-jackpot-jackpot-cntr-color: #e74c3c !important;
  --progressive-jackpot-jackpot-currency-color: #e74c3c !important;

  /* Payment method */
  --payment-method-selection-input-radio-checked-label-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;

  /* Deposit/Withdrawal */
  --deposit-cntr-std-form-note-a-color: #e74c3c !important;
  --deposit-cntr-formatted-balance-color: #e74c3c !important;
  --deposit-cntr-real-deposit-amount-color: #e74c3c !important; /* via variable */
  --deposit-amount-cntr-real-deposit-amount-color: #e74c3c !important;
  --deposit-cntr-reveal-bank-acc-btn-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --deposit-cntr-reveal-bank-acc-btn-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --deposit-summary-cntr-header-summary-transfer-amount-color: #e74c3c !important;
  --withdrawal-summary-cntr-header-transfer-amount-color: #e74c3c !important;
  --remarks-cntr-border: 1px dotted #e74c3c !important;
  --remarks-cntr-bg: #3d0000 !important;
  --remarks-cntr-i-border: #e74c3c !important;
  --remarks-cntr-i-color: #e74c3c !important;

  /* Login Panel */
  --login-panel-register-btn-color: #e74c3c !important;
  --login-panel-register-btn-border: #c0392b !important;
  --login-panel-register-btn-hover-color: #e74c3c !important;
  --login-panel-register-btn-hover-ts: 2px 2px 5px #c0392b !important;

  /* Std Side Menu */
  --std-side-menu-a-active-hover-color: #e74c3c !important;
  --std-side-menu-player-acc-section-username-color: #e74c3c !important;
  --std-side-menu-menu-section-hr-border: #c0392b !important;
  --std-side-menu-menu-section-hover-focus-true-bg: #3d0000 !important;
  --std-side-menu-menu-section-hover-focus-true-color: #e74c3c !important;

  /* Std form */
  --std-form-title-bg: #8b0000 !important;
  --std-section-title-before-bg: #c0392b !important;
  --std-reporting-cntrl-group-btn-primary-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --std-reporting-cntrl-group-btn-primary-hover-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --std-btn-group-btn-primary-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --std-btn-group-btn-primary-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --std-form-note-span-strong-color: #e74c3c !important;
  --std-remark-notification-content-span-color: #e74c3c !important;
  --std-outline-btn-border: 1px solid #c0392b !important;
  --std-remarks-cntr-content-cntr-p-span-color: #c0392b !important;

  /* Exp countdown */
  --exp-countdown-data-section-color: #e74c3c !important;

  /* Copy input */
  --copy-input-btn-field-btn-color: #e74c3c !important;
  --copy-input-btn-field-btn-hover-color: #c0392b !important;

  /* Top tab */
  --top-tab-cntr-border: 2px solid #3d0000 !important;
  --top-tab-cntr-a-true-hover-bg: #3d0000 !important;
  --top-tab-cntr-a-true-hover-color: #e74c3c !important;

  /* Std form link header */
  --std-form-link-header-a-true-bg: #3d0000 !important;

  /* Std profile bar */
  --std-profile-bar-ref-code-cntr-border: 1px dashed #e74c3c !important;
  --std-profile-bar-ref-code-cntr-bg: #3d0000 !important;
  --std-profile-bar-ref-code-cntr-color: #e74c3c !important;

  /* OTP */
  --otp-hr-border: #c0392b !important;
  --request-otp-btn-contact-ver-link-border: 2px solid #c0392b !important;
  --request-otp-btn-contact-ver-link-color: #c0392b !important;
  --otp-input-border: #c0392b !important;
  --otp-fake-inputs-div-filled-border: #e74c3c !important;
  --otp-fake-inputs-div-focused-border: #e74c3c !important;

  /* Data payment gateway */
  --data-payment-gateway-qris-qr-code-cntr-a-bg: #c0392b !important;
  --data-payment-gateway-download-qr-btn-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;

  /* Simple form note */
  --simple-form-note-color: #e74c3c !important;

  /* Bonus */
  --bonus-slider-modal-activation-btn-bg: #8b0000 !important;
  --bonus-slider-modal-activation-btn-hover-bg: #3d0000 !important;
  --bonus-controls-field-bonus-amount-color: #e74c3c !important;
  --bonus-range-bubble-border: 2px solid #e74c3c !important;
  --bonus-range-bubble-before-bordertop: #e74c3c !important;
  --claim-filter-cntr-select-form-control-color: #e74c3c !important;
  --bonus-selection-cntr-bg: #3d0000 !important;
  --bonus-selection-cntr-border: 1px solid #c0392b !important;
  --bonus-selection-list-card-selected-bg: #3d0000 !important;
  --bonus-selection-list-card-selected-border: #c0392b !important;
  --bonus-selection-list-card-selected-footer-bg: #3d0000 !important;

  /* User info */
  --user-info-wallet-cntr-balance-color: #f39c12 !important;
  --user-info-wallet-cntr-locked-balance-color: #f39c12 !important;
  --user-info-dropdown-menu-li-a-color: #e74c3c !important;
  --user-info-dropdown-menu-li-a-focus-color: #e74c3c !important;
  --user-info-vendor-balances-cntr-border: 3px solid #c0392b !important;
  --user-info-vendor-balances-cntr-header-border: 2px solid #c0392b !important;
  --user-info-vendor-balances-cntr-header-strong-color: #e74c3c !important;

  /* Unread announcements */
  --unread-announcements-popup-border: 3px solid #c0392b !important;
  --unread-announcements-popup-before-border: 10px solid #c0392b !important;

  /* Topbar */
  --topbar-left-section-item-a-hover-color: #e74c3c !important;

  /* Site header */
  --site-header-border: 4px solid #3d0000 !important;

  /* Top menu */
  --top-menu-li-true-hover-a-color: #e74c3c !important;
  --top-menu-game-list-li-a-background-bg: linear-gradient(90deg, rgba(0,0,0,0) 0%, #3d0000 99.99%) !important;
  --top-menu-game-list-li-a-background-border: 1px solid #c0392b !important;

  /* Footer */
  --footer-links-li-a-hover-color: #c0392b !important;

  /* Introjs */
  --introjs-tooltiptext-subtitle-color: #c0392b !important;
  --introjs-nextbtn-bg: linear-gradient(to bottom, #c0392b, #8b0000) !important;
  --introjs-nextbtn-hover-bg: linear-gradient(to bottom, #8b0000, #c0392b) !important;
  --introjs-bullets-ul-li-a-bg: #3d0000 !important;
  --introjs-bullets-ul-li-a-active-hover-bg: #c0392b !important;
  --introjs-skipbtn-color: #c0392b !important;

  /* Daily reward */
  --daily-reward-cntr-std-secondary-btn-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --daily-reward-cntr-std-secondary-btn-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;

  /* Modal */
  --modal-body-pending-transaction-sum-cntr-border: 1px dashed #e74c3c !important;
  --modal-body-pending-transaction-sum-cntr-bg: #3d0000 !important;
  --claim-info-modal-alert-cntr-border: 2px dashed #e74c3c !important;
  --claim-info-modal-alert-cntr-bg: #3d0000 !important;
  --payment-acc-creation-remarks-border: 2px dashed #e74c3c !important;
  --payment-acc-creation-remarks-bg: #3d0000 !important;
  --modal-body-pending-trans-summ-cntr-footer-border: 1px solid #8b0000 !important;
  --modal-body-pending-trans-summ-cntr-footer-a-bg: #8b0000 !important;
  --modal-footer-btn-primary-bg: linear-gradient(to bottom, #c0392b 0%, #c0392b 100%) !important;
  --modal-footer-btn-primary-hover-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --popover-border: #c0392b !important;
  --popover-color: #e74c3c !important;
  --popover-top-arrow-border: #c0392b !important;

  /* Progress */
  --progress-bg: #c0392b !important;

  /* Floating action btn */
  --floating-action-btn-bg: linear-gradient(0deg, #8b0000 0%, #c0392b 100%) !important;
  --floating-action-btn-border: 1px solid #c0392b !important;
  --floating-action-btn-bs: 0 4px 24px 0 #c0392b80 !important;

  /* Simple modal */
  --simple-modal-btn-second-border: 1px solid #c0392b !important;
  --simple-modal-btn-second-color: #c0392b !important;

  /* Play now */
  --play-now-free-play-border: #c0392b !important;
  --play-now-color: #e74c3c !important;
  --play-now-bs: 0px 0px 20px 0px #c0392b !important;
  --play-now-hover-color: #e74c3c !important;
  --free-play-bs: 0px 0px 20px 0px #c0392b !important;

  /* Game provider */
  --game-provider-desc-arcade-sport-crashgame-provider-info-h5-p-color: #e74c3c !important;

  /* Link cntr */
  --link-cntr-a-game-info-hover-focus-border: #c0392b !important;
  --link-cntr-a-game-info-hover-focus-color: #e74c3c !important;

  /* Large game list */
  --large-game-list-li-game-provider-img-bg: linear-gradient(180deg, rgba(46,46,45,0) 0%, rgba(80,20,20,.34) 50.36%, #6b0000 99.75%) !important;

  /* Pending trans */
  --pending-trans-section-head-a-hover-color: #e74c3c !important;
  --pending-trans-car-item-download-qr-btn-bg: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  --pending-trans-car-item-download-qr-btn-hover-bg: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --pending-trans-expiration-countdown-color: #e74c3c !important;

  /* Appeal / Complaint */
  --case-number-color: #f39c12 !important;
  --appeal-btn-border-color: #f39c12 !important;
  --appeal-btn-color: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  --appeal-status-current-progress-color: #f39c12 !important;
  --complaint-remarks-header-color: #8b0000 !important;
  --complaint-upload-box-color: #8b0000 !important;
  --complaint-form-link-header-a-true-bg: #3d0000 !important;

  /* Global links */
  --a-color: #e74c3c !important;
  --a-focus-hover-color: #f39c12 !important;

  /* Loyalty level */
  --loyalty-top-bar-cntr-exp-section-item-level-amount-span-color: #f39c12 !important;
}

/* ============================================================
   BODY BACKGROUND — merah gelap + gambar JIMAT78
   ============================================================ */
body {
  background-color: #1a0000 !important;
  background-image: url('https://cdn.jimat78asset.xyz/bg-desktop.webp') !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 767px) {
  body {
    background-image: url('https://cdn.jimat78asset.xyz/bg-mobile.webp') !important;
    background-attachment: scroll !important;
  }
}

/* ============================================================
   HEADER
   ============================================================ */
.site-header,
header.site-header {
  background: #0d0000 !important;
  border-bottom: 4px solid #3d0000 !important;
}

/* ============================================================
   TOP MENU - LINKS
   ============================================================ */
.top-menu > li > a,
.top-menu > li > a:hover,
nav .top-menu li a:hover {
  color: #e74c3c !important;
}

/* ============================================================
   BUTTONS — semua primary/register
   ============================================================ */
.btn-primary,
.std-btn-group .btn-primary,
.register-button,
a[class*="register"],
button[class*="register"],
.btn[class*="register"],.std-btn-group input[type="submit"],
.modal-footer .btn-primary {
  background: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
  border-color: #8b0000 !important;
  color: #fff !important;
}

.btn-primary:hover,
.std-btn-group .btn-primary:hover,
.register-button:hover,
.std-btn-group input[type="submit"]:hover,
.modal-footer .btn-primary:hover {
  background: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
  border-color: #c0392b !important;
}

/* ============================================================
   LINKS
   ============================================================ */
a {
  color: #e74c3c !important;
}
a:hover,
a:focus {
  color: #f39c12 !important;
}

/* Tapi jangan ubah link yang explicit punya warna sendiri (putih, abu, dll) */
a.navbar-brand,
.site-header a,
.top-menu a,
.footer-links a,
.std-side-menu a,
.site-footer a {
  color: inherit !important;
}
.site-footer a:hover,
.footer-links a:hover {
  color: #c0392b !important;
}

/* ============================================================
   STD FORM TITLE (judul form — header hijau → merah)
   ============================================================ */
.std-form-title,
.std-form .std-form-title {
  background: #8b0000 !important;
  color: #fff !important;
}

/* ============================================================
   STD SECTION TITLE before-element
   ============================================================ */
.std-section-title::before {
  background: #c0392b !important;
}

/* ============================================================
   POPULAR GAMES / HOME GAME LIST title badge
   ============================================================ */
.popular-game-title-cntr .title span,
.home-game-list-cntr .title span,
.popular-game-title-cntr .title span::after,
.home-game-list-cntr .title span::after {
  background: #8b0000 !important;
}

.popular-game-title-cntr .content,
.home-game-list-cntr .content {
  border-color: #8b0000 !important;
}

/* ============================================================
   TOP MENU game list hover background
   ============================================================ */
.top-menu .game-list li a .background {
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #3d0000 99.99%) !important;
  border-color: #c0392b !important;
}

/* ============================================================
   PROGRESS BAR
   ============================================================ */
.progress-bar,
.progress .bar,
.progressbar .progress-bar {
  background-color: #c0392b !important;
}

/* ============================================================
   FLOATING ACTION BUTTON
   ============================================================ */
.floating-action-btn {
  background: linear-gradient(0deg, #8b0000 0%, #c0392b 100%) !important;
  border: 1px solid #c0392b !important;
  box-shadow: 0 4px 24px 0 rgba(192, 57, 43, 0.5) !important;
}

/* ============================================================
   POPOVER
   ============================================================ */
.popover {
  border-color: #c0392b !important;
  color: #e74c3c !important;
}

/* ============================================================
   OTP inputs
   ============================================================ */
.otp-hr {
  border-color: #c0392b !important;
}
.otp-fake-inputs div.filled,
.otp-fake-inputs div.focused {
  border-color: #e74c3c !important;
}

/* ============================================================
   USER INFO - wallet balance (gold)
   ============================================================ */
.user-info .wallet-cntr .balance,
.user-info .wallet-cntr .locked-balance {
  color: #f39c12 !important;
}

/* ============================================================
   UNREAD ANNOUNCEMENTS popup border
   ============================================================ */
.unread-announcements-popup {
  border-color: #c0392b !important;
}
.unread-announcements-popup::before {
  border-color: #c0392b !important;
}

/* ============================================================
   NOTIFICATION badge green → merah
   ============================================================ */
.notification-tabs .tab-item.active {
  background: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
}
.notification-list-item.data-seen-false {
  background: #1a0000 !important;
  border-color: #c0392b !important;
}

/* ============================================================
   REFERRAL box
   ============================================================ */
.referral-box-cntr .referral-box {
  background: #3d0000 !important;
  border-color: #e74c3c !important;
}
.referral-box-cntr .referral-box .referral-box-icon {
  background: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
}

/* ============================================================
   LOYALTY progress bar
   ============================================================ */
.loyalty-level-cntr .item .progress-cntr .reached .progress-point {
  background: #c0392b !important;
  border-color: #8b0000 !important;
}
.loyalty-level-cntr .item .progress-cntr .progress-bar .progress {
  background: #c0392b !important;
}

/* ============================================================
   MISSION claimable button
   ============================================================ */
.mission-cntr .item.claimable .action-cntr .action-btn {
  background: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
}
.mission-cntr .item.claimable .action-cntr .action-btn:hover {
  background: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
}

/* ============================================================
   DEPOSIT/WITHDRAWAL green amounts → merah/gold
   ============================================================ */
.deposit-cntr .formatted-balance,
.deposit-amount-cntr .real-deposit-amount,
.withdrawal-summary-cntr .header .transfer-amount,
.deposit-summary-cntr .header .summary-transfer-amount {
  color: #e74c3c !important;
}

/* ============================================================
   LARGE GAME LIST — provider overlay
   ============================================================ */
.large-game-list li .game-provider-img {
  background: linear-gradient(180deg, rgba(46,46,45,0) 0%, rgba(80,20,20,.34) 50.36%, #6b0000 99.75%) !important;
}

/* ============================================================
   INTROJS steps
   ============================================================ */
.introjs-tooltip .introjs-tooltiptext .subtitle {
  color: #c0392b !important;
}
.introjs-nextbutton {
  background: linear-gradient(to bottom, #c0392b, #8b0000) !important;
}
.introjs-nextbutton:hover {
  background: linear-gradient(to bottom, #8b0000, #c0392b) !important;
}
.introjs-skipbutton {
  color: #c0392b !important;
}
.introjs-bullets ul li a {
  background: #3d0000 !important;
}
.introjs-bullets ul li a:hover,
.introjs-bullets ul li a.active {
  background: #c0392b !important;
}

/* ============================================================
   SITE FOOTER
   ============================================================ */
.site-footer {
  border-top-color: #3d0000 !important;
}

/* ============================================================
   APPEAL / COMPLAINT highlight
   ============================================================ */
.case-number-color,
.appeal-status-current-progress {
  color: #f39c12 !important;
}
.appeal-btn {
  border-color: #f39c12 !important;
}

/* ============================================================
   SPECIFIC inline green colors yang hardcoded di CSS
   (bukan variable) — override dengan selector specifik
   ============================================================ */

/* Green: #00f923, #00ff23, #24fe15, #00fa22 → #e74c3c */
/* Cukup dengan CSS variables di atas + class overrides */

/* Jackpot currency color */
.progressive-jackpot .jackpot-cntr,
.progressive-jackpot .jackpot-currency {
  color: #e74c3c !important;
}

/* Info center title */
.info-center-title {
  background: #c0392b !important;
  color: #000 !important;
}

/* STD side menu active link highlight */
.std-side-menu a.active,
.std-side-menu a:hover,
.std-side-menu a:focus {
  color: #e74c3c !important;
}
.std-side-menu .menu-section a.active,
.std-side-menu .menu-section a:hover {
  background: #3d0000 !important;
  color: #e74c3c !important;
}

/* Hint/note spans */
.std-form-note span strong,
.std-remark-notification .content span {
  color: #e74c3c !important;
}

/* Pending trans deposit summary highlight */
.modal-body .pending-transaction-sum-cntr {
  border-color: #e74c3c !important;
  background: #3d0000 !important;
}

/* Claim info modal */
.claim-info-modal .alert-cntr {
  border-color: #e74c3c !important;
  background: #3d0000 !important;
}

/* Bonus selection */
.bonus-selection-cntr {
  background: #3d0000 !important;
  border-color: #c0392b !important;
}
.bonus-selection-list .card.selected {
  background: #3d0000 !important;
  border-color: #c0392b !important;
}

/* Payment acc creation remarks */
.payment-acc-creation-remarks {
  border-color: #e74c3c !important;
  background: #3d0000 !important;
}

/* Top tab */
.top-tab-cntr {
  border-color: #3d0000 !important;
}
.top-tab-cntr a:hover,
.top-tab-cntr a.active {
  background: #3d0000 !important;
  color: #e74c3c !important;
}

/* Std form link header active */
.std-form-link-header a[data-active="true"],
.std-form-link-header a.active {
  background: #3d0000 !important;
}

/* Std profile bar ref code */
.std-profile-bar .ref-code-cntr {
  border-color: #e74c3c !important;
  background: #3d0000 !important;
  color: #e74c3c !important;
}

/* Daily reward button */
.daily-reward-cntr .std-secondary-btn {
  background: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
}
.daily-reward-cntr .std-secondary-btn:hover {
  background: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
}

/* Loyalty rank up modal */
.loyalty-available-rank-up-modal .std-secondary-btn {
  background: linear-gradient(to bottom, #c0392b 0%, #8b0000 100%) !important;
}
.loyalty-available-rank-up-modal .std-secondary-btn:hover {
  background: linear-gradient(to bottom, #8b0000 0%, #c0392b 100%) !important;
}

/* ============================================================
   GLOBAL fallback — semua elemen yang masih punya warna hijau
   dari CSS inline/computed, paksa override
   ============================================================ */

/* Green text selectors (last resort) */
[style*="color: #00f923"],
[style*="color:#00f923"],
[style*="color: #00ff23"],
[style*="color:#00ff23"],
[style*="color: #24fe15"],
[style*="color:#24fe15"] {
  color: #e74c3c !important;
}

[style*="background: #00f923"],
[style*="background:#00f923"],
[style*="background-color: #00f923"],
[style*="background-color:#00f923"],
[style*="background: #00ff23"],
[style*="background:#00ff23"],
[style*="background-color: #00ff23"],
[style*="background-color:#00ff23"] {
  background: #c0392b !important;
  background-color: #c0392b !important;
}

/* ============================================================
   JIMAT78 BODY/FOOTER FIX — Rapiin layout, warna merah/gold
   Updated: 2026-08-29 (HTML struktur sudah difix, CSS diperbaiki)
   ============================================================ */

/* --- home-info-container: TAMPILKAN, jangan hide --- */
.home-info-container {
    display: block !important;
    background: rgba(13, 0, 0, 0.85) !important;
    padding: 15px 0 !important;
    border-top: 2px solid #3d0000 !important;
}

/* ============================================================
   ANNOUNCEMENT BAR
   ============================================================ */
.announcement-container {
    background: rgba(192, 57, 43, 0.08) !important;
    border: 1px solid rgba(192, 57, 43, 0.25) !important;
    border-radius: 6px !important;
    padding: 8px 15px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

.announcement-container [data-section="title"] {
    color: #e8c07a !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.announcement-container [data-section="announcements"] {
    flex: 1 !important;
    overflow: hidden !important;
    min-width: 0 !important;
}

.announcement-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #ccc !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    display: flex !important;
    width: 100% !important;
}

.announcement-list li {
    display: inline-block !important;
    white-space: nowrap !important;
    padding-right: 80px !important;
    animation: marquee-scroll 20s linear infinite !important;
    flex-shrink: 0 !important;
    min-width: 100% !important;
}

@keyframes marquee-scroll {
    0%   { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.announcement-container [data-section="date"] {
    color: #888 !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* ============================================================
   HOME INNER CONTAINER (wraps jackpot + download APK + site-info)
   ============================================================ */
.home-inner-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    align-items: flex-start !important;
    padding: 10px 0 !important;
}

/* ============================================================
   JACKPOT SECTION
   ============================================================ */
.home-inner-container [data-section="jackpot"] {
    flex: 1 !important;
    min-width: 220px !important;
}

.home-progressive-jackpot {
    background: linear-gradient(135deg, #3d0000, #c0392b, #1a0000) !important;
    border-radius: 10px !important;
    border: 2px solid #c0392b !important;
    overflow: hidden !important;
    text-align: center !important;
    padding: 10px !important;
}

.home-progressive-jackpot .outer-container {
    padding: 5px !important;
}

.home-progressive-jackpot .inner-container {
    background: linear-gradient(#8b0000, #1a0000) !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

.home-progressive-jackpot .border-container {
    border: 2px dotted #6b0000 !important;
    border-radius: 6px !important;
    padding: 8px !important;
}

.jackpot-play-section {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px !important;
}

.jackpot-play-section img {
    max-height: 55px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* ============================================================
   DOWNLOAD APK SECTION (inside home-inner-container)
   ============================================================ */
.home-inner-container > div:not([data-section]):not(.col-md-3) {
    flex: 2 !important;
    min-width: 280px !important;
}

.download-apk-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 10px !important;
}

.download-apk-section {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 15px !important;
    background: rgba(192, 57, 43, 0.08) !important;
    border: 1px solid rgba(192, 57, 43, 0.2) !important;
    border-radius: 8px !important;
    padding: 12px !important;
}

.download-apk-qr-code {
    flex-shrink: 0 !important;
    text-align: center !important;
}

.download-apk-qr-code a {
    display: block !important;
    color: inherit !important;
}

.download-apk-qr-code img {
    max-height: 55px !important;
    width: auto !important;
    border-radius: 6px !important;
    border: 1px solid rgba(192, 57, 43, 0.3) !important;
    padding: 4px !important;
}

.download-apk-section h4 {
    color: #e8c07a !important;
    font-size: 13px !important;
    margin: 6px 0 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.download-apk-section p {
    color: #bbb !important;
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* h2/h3 download APK heading */
.home-inner-container .h2 {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
}

.home-inner-container .h2 strong {
    color: #e8c07a !important;
}

.home-inner-container .h3 {
    color: #bbb !important;
    font-size: 13px !important;
    margin-bottom: 12px !important;
}

/* ============================================================
   SITE INFO (deposit/withdrawal stats)
   ============================================================ */
.col-md-3 .site-info-description,
.site-info-description {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 10px !important;
    background: rgba(192, 57, 43, 0.06) !important;
    border: 1px solid rgba(192, 57, 43, 0.15) !important;
    border-radius: 8px !important;
}

.site-info-img-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px !important;
    background: rgba(192, 57, 43, 0.08) !important;
    border-radius: 6px !important;
}

.site-info-img-header h4 {
    color: #e8c07a !important;
    font-size: 13px !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.site-info-img-header p {
    color: #aaa !important;
    font-size: 12px !important;
    margin: 2px 0 0 !important;
}

.site-info-img-header img,
.site-info-img-header picture img {
    max-height: 40px !important;
    width: auto !important;
    filter: brightness(0.9) !important;
}

/* ============================================================
   FOOTER SEPARATOR
   ============================================================ */
.footer-separator {
    border: none !important;
    border-top: 1px solid rgba(192, 57, 43, 0.4) !important;
    margin: 15px 0 !important;
}

/* ============================================================
   FOOTER COPYRIGHT SECTION
   ============================================================ */
.footer-copyright-section {
    background: #0d0000 !important;
    padding: 15px 0 !important;
}

.footer-copyright-section .footer-section-title {
    color: #e8c07a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 10px !important;
}

/* Hover list (logos dalam footer) */
.footer-copyright-section .hover-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px !important;
    align-items: center !important;
}

.footer-copyright-section .hover-list li {
    display: flex !important;
    align-items: center !important;
}

.footer-copyright-section .hover-list li img {
    max-height: 40px !important;
    width: auto !important;
    opacity: 0.8 !important;
    transition: opacity 0.2s !important;
    filter: brightness(0.9) !important;
}

.footer-copyright-section .hover-list li:hover img {
    opacity: 1 !important;
}

/* Copyright text */
.copyright,
.footer-copyright-section .copyright {
    color: #777 !important;
    font-size: 12px !important;
    padding: 8px 0 !important;
    border-top: 1px solid rgba(255,255,255,0.05) !important;
    margin-top: 10px !important;
}

/* ============================================================
   PROVIDER SECTION (game provider logos)
   ============================================================ */
.provider-section {
    background: #0d0000 !important;
    padding: 20px 0 !important;
    border-top: 1px solid rgba(192, 57, 43, 0.3) !important;
}

.provider-section .footer-section-title {
    color: #e8c07a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 12px !important;
}

/* Provider containers (grouped by category) */
.provider-container {
    margin-bottom: 15px !important;
}

.provider-container h5 {
    color: #e8c07a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 8px !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid rgba(192, 57, 43, 0.3) !important;
}

/* Provider logo hover list */
.provider-section .hover-list,
.provider-container .hover-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
}

.provider-section .hover-list li,
.provider-container .hover-list li {
    display: flex !important;
    align-items: center !important;
}

/* Provider logos — show normal img, hide active/hover img by default */
.provider-section .hover-list li picture:first-child img,
.provider-container .hover-list li picture:first-child img {
    opacity: 0.7 !important;
    transition: opacity 0.2s !important;
    filter: brightness(0.85) !important;
    max-height: 45px !important;
    width: auto !important;
}

.provider-section .hover-list li picture:last-child,
.provider-container .hover-list li picture:last-child {
    display: none !important;
}

.provider-section .hover-list li:hover picture:first-child img,
.provider-container .hover-list li:hover picture:first-child img {
    opacity: 1 !important;
    filter: brightness(1) !important;
}

/* Footer bottom */
footer.site-footer,
.site-footer {
    background: #0a0000 !important;
    border-top: 3px solid #3d0000 !important;
}

/* Footer links */
.footer-links a,
footer a {
    color: #aaa !important;
    font-size: 12px !important;
}

.footer-links a:hover,
footer a:hover {
    color: #e8c07a !important;
}

/* === END JIMAT78 BODY/FOOTER FIX === */