/* Rokokbet theme: putih + emas berkilau, teks hitam */
:root {
  --brick: #FFFFFF;
  --brick-mid: #F7F3E8;
  --brick-dark: #FFFFFF;
  --brick-deep: #F0EBD8;
  --gold-light: #FFF6C8;
  --gold: #F3DD7F;
  --gold-mid: #D4AF37;
  --gold-dark: #B8860B;
  --gold-deep: #8B6914;
  --text: #111111;
  --text-soft: #222222;

  --body-theme-bg: #FFFFFF;
  --banner-bg: #FFFFFF;
  --popular-games-bg: #FFFFFF;
  --popular-games-left-section-title-bg: #FFFFFF;
  --popular-games-left-section-title-color: #111111;
  --popular-games-nav-tabs-li-a-bg: #F7F3E8;
  --popular-games-nav-tabs-li-a-active-bg: linear-gradient(110deg, #8B6914, #D4AF37, #FFF6C8, #D4AF37, #8B6914);
  --popular-games-tab-pane-bg: #FFFFFF;
  --popular-games-scrtabs-tab-cntr-bg: linear-gradient(to bottom, #FFFFFF 0%, #F7F3E8 46%, #FFFFFF 100%);
  --home-progressive-jackpot-bg: linear-gradient(#FFFFFF, #F7F3E8, #FFFFFF);

  --topbar-cntr-bg: #2A0A4A;
  --topbar-left-section-language-selector-bg: #3B1463;

  --site-header-bg: #000000;
  --site-header-border: 3px solid var(--gold-mid);

  --banner-carousel-indicators-active-bg: var(--gold-mid);
  --banner-carousel-indicators-active-border: var(--gold-mid);

  --download-apk-section-i-color: var(--gold-dark);
  --download-apk-btn-bg: linear-gradient(to bottom, #F3DD7F 0%, #D4AF37 100%);
  --download-apk-details-btn-bg: linear-gradient(
    110deg,
    var(--gold-deep) 0%,
    var(--gold-mid) 25%,
    var(--gold-light) 50%,
    var(--gold-mid) 75%,
    var(--gold-deep) 100%
  );
  --download-popup-modal-header-title-color: var(--gold-dark);

  --home-progressive-jackpot-inner-cntr-bg: linear-gradient(#FFFFFF, rgba(255, 255, 255, 0));
  --home-progressive-jackpot-border-cntr-border: 3px solid var(--gold-mid);
  --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(var(--gold-mid), #F7F3E8);

  --lottery-result-cntr-numbers-bg: #F7F3E8;
  --sports-matches-cntr-bg: #FFFFFF;
  --sport-match-item-even-info-cntr-bg: #F7F3E8;

  --popular-game-title-cntr-title-span-bg: #FFFFFF;
  --popular-game-title-cntr-title-span-after-bg: #FFFFFF;
  --popular-game-title-cntr-content-border: 1px solid var(--gold-mid);
  --popular-game-title-cntr-content-game-list-game-item-game-name-color: #111111;

  --home-game-list-cntr-title-span-bg: #FFFFFF;
  --home-game-list-cntr-title-span-after-bg: #FFFFFF;
  --home-game-list-cntr-content-border: 1px solid var(--gold-mid);
  --home-game-list-cntr-content-game-list-game-item-game-name-color: #111111;

  --home-info-cntr-bg: #FFFFFF;
  --home-info-cntr-border: 2px solid var(--gold-mid);
  --home-info-cntr-tickercntr-bg: #FFFFFF;

  --arcade-games-cntr-bg: #FFFFFF;
  --arcade-games-cntr-vendor-name-color: var(--gold-dark);
  --arcade-games-cntr-filter-section-bg: #F7F3E8;
  --arcade-games-cntr-category-filter-link-active-bg: var(--gold-mid);

  --promotion-item-click-for-get-promo-btn-bg: var(--gold-mid);
  --promotion-item-click-for-get-promo-btn-hover-bg: var(--gold);
  --promotion-item-details-click-for-get-promo-btn-bg: var(--gold-mid);
  --promotion-item-details-click-for-get-promo-btn-hover-bg: var(--gold);

  --register-done-cntr-h2-color: #111111;
  --register-done-cntr-h2-span-color: var(--gold-dark);
  --register-done-cntr-btn-deposit-bg: linear-gradient(to bottom, var(--gold) 0%, var(--gold-dark) 100%);
  --register-done-cntr-btn-deposit-hover-bg: linear-gradient(to top, var(--gold-dark) 0%, var(--gold) 100%);
  --register-done-cntr-btn-cntr-register-done-btn-border: 1px solid var(--gold-mid);

  --info-center-bg: #FFFFFF;
  --messaging-side-menu-bg: #F7F3E8;
  --messaging-side-menu-support-ticket-a-bg: #FFFFFF;
  --messaging-side-menu-support-ticket-a-hover-bg: #F7F3E8;

  --notification-tabs-tab-item-active-bg: linear-gradient(to bottom, var(--gold) 0%, var(--gold-mid) 100%);
  --notification-list-item-play-btn-bg: var(--gold-mid);
  --notification-popup-body-footer-bg: linear-gradient(to bottom, var(--gold) 0%, var(--gold-mid) 100%);
  --notification-popup-body-footer-border: 1px solid var(--gold-mid);

  --claim-filter-cntr-select-form-control-color: var(--gold-dark);
  --mobile-app-cntr-select-a-active-bg: var(--gold-mid);
  --mobile-app-cntr-logo-cntr-bg: #FFFFFF;

  --profile-cntr-mobile-info-btn-border: 1px solid var(--gold-mid);
  --profile-cntr-mobile-info-btn-hover-bg: #F7F3E8;

  --std-content-info-h2-color: var(--gold-dark);
  --bank-info-cntr-carousel-indicators-li-hover-bg: var(--gold-mid);

  --referral-section-referral-code-cntr-border: 1px dashed var(--gold-mid);
  --referral-section-referral-code-copy-btn-bg: var(--gold-mid);
  --referral-box-cntr-referral-box-border: 1px solid var(--gold-mid);
  --referral-box-cntr-referral-box-referral-box-icon-bg: #F7F3E8;
  --referral-box-cntr-referral-box-span-color: var(--gold-dark);
  --referral-features-referral-features-item-feature-icon-div-bg: linear-gradient(to bottom, var(--gold) 0%, var(--gold-mid) 100%);
  --referral-features-referral-features-item-feature-info-p-color: var(--gold-dark);
  --referral-verification-cntr-verified-false-profile-link-bg: linear-gradient(to bottom, var(--gold) 0%, var(--gold-mid) 100%);
  --referral-verification-cntr-verified-false-profile-link-hover-bg: linear-gradient(to bottom, var(--gold-mid) 0%, var(--gold) 100%);

  --pending-verification-cntr-icon-cntr-bg: var(--gold-mid);
  --pending-verification-cntr-p-color: var(--gold-dark);
  --whitelisted-domains-link-bg: var(--gold-mid);

  --loyalty-reward-cntr-category-title-before-bg: var(--gold-mid);
  --loyalty-reward-cntr-reward-button-bg: linear-gradient(to bottom, var(--gold), var(--gold-mid));
  --how-it-works-cntr-section-title-color: var(--gold-dark);
  --mission-cntr-item-claimable-action-cntr-action-btn-bg: linear-gradient(to bottom, var(--gold) 0%, var(--gold-mid) 100%);
  --mission-cntr-item-claimable-action-cntr-action-btn-hover-bg: linear-gradient(to bottom, var(--gold-mid) 0%, var(--gold) 100%);

  --loyalty-cntr-level-gold-bg: -webkit-linear-gradient(var(--gold-light), var(--gold-deep));

  --jackpot-winners-bg: linear-gradient(to bottom, #FFFFFF 12%, #F7F3E8 48%, #FFFFFF 100%);
  --jackpot-winners-winners-ticker-cntr-bg: linear-gradient(to bottom, #FFFFFF 12%, #F7F3E8 48%, #FFFFFF 100%);

  --bank-status-list-data-online-false-before-bg: var(--gold-mid);

  --login-panel-register-btn-bg: linear-gradient(
    110deg,
    var(--gold-deep) 0%,
    var(--gold-mid) 25%,
    var(--gold-light) 50%,
    var(--gold-mid) 75%,
    var(--gold-deep) 100%
  );
  --login-panel-register-btn-hover-bg: linear-gradient(
    110deg,
    var(--gold-mid) 0%,
    var(--gold-light) 35%,
    var(--gold) 50%,
    var(--gold-light) 65%,
    var(--gold-mid) 100%
  );

  --remarks-cntr-bg: #F7F3E8;
  --deposit-cntr-reveal-bank-acc-btn-bg: var(--gold-mid);
  --deposit-amount-cntr-real-deposit-amount-color: var(--gold-dark);
  --deposit-summary-cntr-header-summary-transfer-amount-color: var(--gold-dark);
  --withdrawal-summary-cntr-header-transfer-amount-color: var(--gold-dark);
  --std-side-menu-player-acc-section-bg: #F7F3E8;
  --std-side-menu-menu-section-hover-focus-true-bg: #F7F3E8;
  --std-form-title-bg: #F7F3E8;
  --top-tab-cntr-border: 2px solid var(--gold-mid);
  --top-tab-cntr-a-true-hover-bg: #F7F3E8;
  --std-profile-bar-ref-code-cntr-bg: #F7F3E8;

  --loyalty-available-rank-up-modal-std-secondary-btn-bg: linear-gradient(to bottom, var(--gold) 0%, var(--gold-mid) 100%);
  --loyalty-available-rank-up-modal-std-secondary-btn-hover-bg: linear-gradient(to bottom, var(--gold-mid) 0%, var(--gold) 100%);
  --payment-method-selection-input-radio-checked-label-bg: linear-gradient(to bottom, var(--gold) 0%, var(--gold-mid) 100%);
}

/* Base: putih + teks hitam */
body,
html {
  background-color: #FFFFFF !important;
  color: #111111 !important;
}

body,
body * {
  color: inherit;
}

a,
p,
span,
label,
li,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6,
.site-footer,
.site-footer a,
.site-footer p,
.footer-section-title,
.game-name,
.container-title,
.section-title,
.modal-title,
.announcement,
.home-info-container,
.popular-games {
  color: #111111 !important;
}

.topbar-container,
.topbar-cntr,
[class*="topbar-container"] {
  background-color: #2A0A4A !important;
  background-image: none !important;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #8B6914, #F3DD7F, #FFF6C8, #F3DD7F, #8B6914) 1;
  color: #FFFFFF !important;
}

/* Topbar icons: outline emas berkilau */
.topbar-container .topbar-item,
.topbar-left-section .topbar-item {
  border-left-color: rgba(212, 175, 55, 0.45) !important;
}

.topbar-container .topbar-item > a,
.topbar-container .topbar-item > span,
.topbar-container .topbar-item .live-chat,
.topbar-container .topbar-item .download-apk-btn,
.topbar-container .language-selector-trigger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
  padding: 5px !important;
  border: 1.5px solid #D4AF37 !important;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 0 0 rgba(243, 221, 127, 0);
  animation: gold-line-glow 2.8s ease-in-out infinite;
}

.topbar-container .topbar-item [data-icon],
.topbar-container .topbar-item i {
  filter: brightness(0) saturate(100%) invert(84%) sepia(31%) saturate(700%) hue-rotate(5deg) brightness(105%);
}

.topbar-container .language-selector-trigger {
  overflow: hidden;
}

.site-header {
  background-color: #000000 !important;
  background-image: none !important;
  border-bottom: 3px solid #D4AF37 !important;
  color: #FFFFFF !important;
}

/* Header menu: teks putih, icon emas berkilau */
.site-header .top-menu,
.site-header .top-menu a,
.site-header .top-menu li a,
.site-header .menu-slide a,
.site-header .menu-slide {
  color: #FFFFFF !important;
}

.site-header .top-menu a:hover,
.site-header .top-menu li a:hover,
.site-header .menu-slide a:hover {
  color: #FFF6C8 !important;
}

.site-header .top-menu a img,
.site-header .menu-slide a img,
.site-header .top-menu img {
  filter: brightness(0) saturate(100%) invert(84%) sepia(31%) saturate(700%) hue-rotate(5deg) brightness(105%) contrast(105%);
  animation: gold-icon-shine 2.8s ease-in-out infinite;
}

@keyframes gold-icon-shine {
  0%,
  100% {
    filter: brightness(0) saturate(100%) invert(78%) sepia(40%) saturate(650%) hue-rotate(5deg) brightness(95%) contrast(105%);
    opacity: 0.92;
  }
  50% {
    filter: brightness(0) saturate(100%) invert(92%) sepia(40%) saturate(500%) hue-rotate(0deg) brightness(110%) contrast(110%);
    opacity: 1;
  }
}

.site-header .glyphicon {
  color: #F3DD7F !important;
}

.home-info-container,
.home-info-cntr,
.announcement-container,
.announcement-cntr,
[class*="home-info"] {
  background-color: #FFFFFF !important;
  border-color: #D4AF37 !important;
  color: #111111 !important;
}

.site-footer {
  background-color: #FFFFFF !important;
  color: #111111 !important;
}

/* Emas berkilau + garis animasi */
@keyframes gold-shine {
  0% {
    background-position: 0% 50%;
    filter: brightness(1);
    box-shadow: 0 0 0 rgba(212, 175, 55, 0);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.28);
    box-shadow: 0 0 16px rgba(243, 221, 127, 0.7);
  }
  100% {
    background-position: 0% 50%;
    filter: brightness(1);
    box-shadow: 0 0 0 rgba(212, 175, 55, 0);
  }
}

@keyframes gold-line-glow {
  0%,
  100% {
    border-color: #B8860B;
    box-shadow: 0 1px 0 #D4AF37, 0 0 0 rgba(243, 221, 127, 0);
  }
  50% {
    border-color: #FFF6C8;
    box-shadow: 0 1px 0 #FFF6C8, 0 0 14px rgba(243, 221, 127, 0.75);
  }
}

@keyframes gold-line-sweep {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

.register-button,
.login-panel-item .register-button,
.download-apk-details-btn,
a.register-button {
  background-image: linear-gradient(
    110deg,
    #8B6914 0%,
    #D4AF37 25%,
    #FFF6C8 50%,
    #D4AF37 75%,
    #8B6914 100%
  ) !important;
  background-size: 200% 200% !important;
  animation: gold-shine 2.8s ease-in-out infinite;
  color: #111111 !important;
  font-weight: 700;
  border: 1px solid #D4AF37 !important;
}

.site-header,
.home-info-cntr,
.home-info-container,
.popular-game-title-cntr .content,
.home-game-list-cntr .content {
  animation: gold-line-glow 3.2s ease-in-out infinite;
}

/* Garis emas berkilau di bawah header / section */
.site-header::after,
.home-info-container::after,
.popular-game-title-container::before,
.footer-separator,
hr.footer-separator {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  border: 0 !important;
  background: linear-gradient(
    90deg,
    #8B6914 0%,
    #D4AF37 20%,
    #FFF6C8 50%,
    #D4AF37 80%,
    #8B6914 100%
  );
  background-size: 200% 100%;
  animation: gold-line-sweep 2.4s linear infinite;
  box-shadow: 0 0 10px rgba(243, 221, 127, 0.55);
}

.site-header::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
}

.site-header {
  position: relative;
}

.footer-separator,
[class*="gold"],
.loyalty-cntr [class*="gold"] {
  border-color: #D4AF37 !important;
}

/* Popular games: paksa putih + emas (override background image tema merah) */
.popular-games {
  background: #FFFFFF !important;
  background-image: none !important;
  background-color: #FFFFFF !important;
  border: 2px solid #D4AF37 !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.25);
  color: #111111 !important;
}

.popular-games [data-section="left"],
.popular-games [data-section="right"],
.popular-games .tab-pane,
.popular-games .tab-content,
.popular-games .jackpot-winners,
.popular-games .winners-ticker-container,
.popular-games .scrtabs-tab-container {
  background: #FFFFFF !important;
  background-image: none !important;
  color: #111111 !important;
}

.popular-games .section-title,
.popular-games .jackpot-winner-title,
.popular-games .winner-info,
.popular-games .winner-info div,
.popular-games .winner-amount {
  background-color: #FFFFFF !important;
  color: #111111 !important;
}

.popular-games .section-title,
.popular-games .jackpot-winner-title {
  border-bottom: 2px solid #D4AF37 !important;
}

.popular-games .nav-tabs > li > a {
  background-color: #F7F3E8 !important;
  color: #111111 !important;
  min-height: 45px;
  border: 1px solid #D4AF37 !important;
}

.popular-games .nav-tabs > li.active > a,
.popular-games .nav-tabs > li > a:hover {
  background: linear-gradient(110deg, #8B6914, #D4AF37, #FFF6C8, #D4AF37, #8B6914) !important;
  background-size: 200% 200% !important;
  animation: gold-shine 2.8s ease-in-out infinite;
  color: #111111 !important;
}

.popular-games .tab-pane,
.popular-games .tab-content {
  min-height: 334px;
  border: 1px solid #D4AF37;
}

.popular-games .animated-image {
  display: block !important;
  width: 421px;
  max-width: 100%;
  height: auto;
  min-height: 280px;
  object-fit: contain;
  background: #FFFFFF !important;
  border: 1px solid #D4AF37;
}

.popular-games [data-section="left"],
.popular-games [data-section="right"] {
  min-height: 344px;
}

.popular-games .game-name,
.popular-games .popular-game-list .game-name {
  color: #111111 !important;
}

.top-menu a,
.top-menu li a,
.menu-slide a {
  color: #FFFFFF !important;
}

.top-menu a:hover,
.top-menu li a:hover {
  color: #FFF6C8 !important;
}

.login-panel .login-button,
.login-button {
  background: #1A052F !important;
  color: #FFFFFF !important;
  border: 1px solid #D4AF37 !important;
  animation: gold-line-glow 3.2s ease-in-out infinite;
}

/* Rokokbet logo: PNG transparan */
.site-header .logo {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding-top: 0 !important;
  height: 70px !important;
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
}

.site-header .logo > img,
.site-header .logo > picture {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  height: 56px !important;
  width: auto !important;
  max-width: 95%;
  background: transparent !important;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
}

/* Banner Rokokbet HD */
.banner,
.banner-carousel,
.banner-group-vertical {
  width: 100%;
  overflow: hidden;
  background: #FFFFFF;
}

.banner-group-vertical > a {
  display: block;
  width: 100%;
  line-height: 0;
}

.banner img.banner-rokokbet-hd,
.banner-group-vertical img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover;
  object-position: center center;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  -ms-interpolation-mode: bicubic;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Popup modal: teks putih agar terbaca di background gelap */
#popup_modal .modal-title,
#popup_modal_title,
#popup_modal .modal-header,
#popup_modal .modal-header *,
#popup_modal .modal-body,
#popup_modal .modal-body h3,
#popup_modal .modal-body span,
#popup_modal .promotion-info,
#popup_modal .promotion-info * {
  color: #FFFFFF !important;
}

#popup_modal .modal-header .close,
#popup_modal .modal-header .close span {
  color: #FFFFFF !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Footer area putih: teks hitam biar terbaca */
.site-footer,
.footer-description-section,
.footer-description-section *,
.footer-description-section h1,
.footer-description-section h4,
.footer-description-section p,
.site-description,
.site-description *,
.footer-sitemap-section,
.footer-sitemap-section *,
.footer-sitemap-section h4,
.footer-sitemap-section a,
.footer-links,
.footer-links a,
.footer-copyright-section,
.footer-copyright-section *,
.site-footer .copyright {
  color: #111111 !important;
}

/* Footer banking / deposit gelap: teks putih */
.footer-banking-section,
.footer-banking-section *,
.banking-footer-section,
.banking-footer-section *,
.bank-list-container,
.bank-list-container *,
.bank-list,
.bank-list *,
.bank-logo-wrapper,
.bank-service-container,
.bank-service-container *,
.bank-service-container .site-info-description,
.bank-service-container .site-info-description *,
.bank-service-container h4,
.bank-service-container p,
.footer-transaction-service,
.footer-transaction-service * {
  color: #FFFFFF !important;
}

.footer-banking-section .bank-list-container p,
.footer-banking-section [data-online]::before,
.footer-banking-section .bank-logo-wrapper::before,
.footer-banking-section .bank-logo-wrapper::after,
.footer-banking-section .bank-list > li,
.footer-banking-section .bank-list [data-online],
.footer-banking-section .bank-list .bank-name,
.footer-banking-section .bank-list span {
  color: #FFFFFF !important;
}

/* Kartu fitur footer: teks hitam jika background terang */
.footer-featured-product-section .site-info-description,
.footer-featured-product-section .site-info-description *,
.footer-featured-product-section h4,
.footer-featured-product-section p {
  color: #111111 !important;
}