/* Riobahis — Gamdom-inspired theme (dark navy + neon green CTA) */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');

:root {
  --gd-bg: #080d13;
  --gd-bg-rgb: 8, 13, 19;
  --gd-surface: #131a22;
  --gd-surface-2: #0f1d28;
  --gd-surface-3: #19212a;
  --gd-surface-rgb: 19, 26, 34;
  --gd-cta: #00cd6c;
  --gd-cta-rgb: 0, 205, 108;
  --gd-cta-hover: #00b45d;
  --gd-cta-text: #06090e;
  --gd-text: #ffffff;
  --gd-muted: #9aa3af;
  --gd-radius: 10px;
  --gd-glow: 0 0 8px rgba(0, 205, 82, 0.28);

  /* Remap existing theme tokens */
  --primary: #00cd6c;
  --primary-rgb: rgba(0, 205, 108, 0.92);
  --primary-rgb2: rgba(0, 205, 108, 0.45);
  --primary-rgb3: rgba(0, 205, 108, 0.22);
  --hover-color: #00b45d;
  --secondary: #00cd6c;
  --secondary-rgb: 0, 205, 108;

  --darkBG: #080d13;
  --body-bg: #080d13;
  --headerBG: #080d13;
  --menuBG: #0f1d28;
  --menu-text: #c8d0da;
  --sidebarBG: #080d13;
  --footer-bg: #080d13;
  --login-button-bg: #00cd6c;
  --login-button-text: #06090e;
  --btntText: #06090e;
  --base-con: #131a22;
  --mobileFootIcon: #00cd6c;
  --betSlipBG: #131a22;
  --oddBox: #00cd6c;
  --oddBoxHover: #00b45d;
  --font-sans: "Sora", system-ui, sans-serif;

  /* BC / FDS RGB triplets used across lobby */
  --b: 8, 13, 19;
  --b-sc: 255, 255, 255;
  --hero: 0, 205, 108;
  --hero-hover: 0, 180, 93;
  --hero-sc: 6, 9, 14;
  --oc-1: 0, 205, 108;
  --oc-2: 0, 180, 93;
}

html {
  background-color: var(--gd-bg) !important;
  color-scheme: dark;
}

body,
body.mobile-site,
html.mobile-root,
html.is-web body,
html.is-mobile body {
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(0, 205, 108, 0.07), transparent 55%),
    radial-gradient(900px 500px at 100% 20%, rgba(15, 29, 40, 0.9), transparent 50%),
    linear-gradient(180deg, #080d13 0%, #0a1018 45%, #080d13 100%) !important;
  background-color: var(--gd-bg) !important;
  background-attachment: fixed !important;
  color: var(--gd-text);
  font-family: var(--font-sans) !important;
}

/* Kill leftover purple gradient shells */
.hdr-crypto-content:not(:empty),
.btn.a-color.connect-wallet,
[class*=is-mobile] .casinoCategoryChooserContainer .horizontalCategoryItemWrp,
.overlay-sliding-wrapper-bc .back-nav-bc,
.payment-info-bc {
  background: var(--gd-surface) !important;
  box-shadow: none !important;
}

/* Surfaces / cards */
.mainContentWrap,
.page-wrapper,
.page-content,
.content-wrapper,
.layout-content,
.hdr-user-nav,
.header-bc,
.headerNav,
.footer-bc,
.sidebar-bc,
.menu-bc,
.overlay-sliding-wrapper-bc,
.profile-panel,
.smartPanel,
.bottom-nav-bc {
  background-color: transparent;
}

.casinoGameItem,
.gameItem,
.product-banner-container-bc,
.hm-row-bc > div,
.widget-holder-bc,
.sdr-item-bc,
.featuredGameItem {
  border-radius: var(--gd-radius) !important;
}

/* Primary CTA — neon green like Gamdom Sign up / Play Now */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
a.btn-primary,
.login-btn,
.register-btn,
.btnRegister,
.btnLogin,
.hdr-register,
.header-register-btn,
.sign-up-btn,
.sg-n-btn,
.sg-n-register-btn,
.btn.a-color,
.connect-wallet,
.deposit-btn,
.cta-btn,
.bc-btn-primary,
.ds-btn--primary,
button[type="submit"].btn,
.auth-submit,
.mobile-register-btn {
  background: var(--gd-cta) !important;
  background-color: var(--gd-cta) !important;
  background-image: none !important;
  color: var(--gd-cta-text) !important;
  border: none !important;
  border-radius: var(--gd-radius) !important;
  font-weight: 700 !important;
  box-shadow: var(--gd-glow);
  transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.btn-primary:hover,
.btn.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
.login-btn:hover,
.register-btn:hover,
.btnRegister:hover,
.hdr-register:hover,
.sg-n-btn:hover,
.sg-n-register-btn:hover,
.btn.a-color:hover,
.connect-wallet:hover,
.deposit-btn:hover,
.cta-btn:hover,
.ds-btn--primary:hover,
button[type="submit"].btn:hover,
.auth-submit:hover {
  background: var(--gd-cta-hover) !important;
  background-color: var(--gd-cta-hover) !important;
  color: var(--gd-cta-text) !important;
  filter: brightness(1.03);
  box-shadow: 0 0 12px rgba(0, 205, 82, 0.38);
  transform: translateY(-1px);
}

/* Secondary / Sign-in style — dark surface */
.btn-secondary,
.btn-outline-light,
.hdr-login,
.header-login-btn,
.sign-in-btn,
.btnLoginOutline,
.sg-n-login-btn,
.view-all-btn,
.bc-btn-secondary {
  background: var(--gd-surface) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: var(--gd-radius) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.btn-secondary:hover,
.btn-outline-light:hover,
.hdr-login:hover,
.header-login-btn:hover,
.sign-in-btn:hover,
.sg-n-login-btn:hover,
.view-all-btn:hover {
  background: var(--gd-surface-3) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}

/* Links / accents */
a:hover {
  color: var(--gd-cta);
}

/* Form controls */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
  background-color: var(--gd-surface) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: var(--gd-radius) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: rgba(0, 205, 108, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(0, 205, 108, 0.15) !important;
  outline: none !important;
}

/* Header / chrome */
.header-bc,
.hdr-user-nav,
.headerFixed,
.mobileHeader,
.mobile-header-bc,
.bottom-nav-bc,
.mobile-bottom-bar {
  background: rgba(8, 13, 19, 0.88) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.bottom-nav-bc,
.mobile-bottom-bar {
  border-bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Active nav / icons */
.nav-item.active,
.menu-item.active,
.bottom-nav-bc .active,
.horizontal-sl-item-bc.active {
  color: var(--gd-cta) !important;
}

/* Modals */
.modal-content,
.auth-modal,
.sg-n-modal,
.overlay-sliding-w-c-content-slider-bc {
  background: var(--gd-surface) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
}

/* Soft card hover lift */
.casinoGameItem:hover,
.gameItem:hover,
.sdr-item-bc:hover {
  outline: 1px solid rgba(0, 205, 108, 0.25);
  transform: translateY(-2px);
  transition: transform .18s ease, outline-color .18s ease;
}

/* Scroll / chip surfaces */
.horizontalCategoryItemWrp,
.providerItemsInner,
.market-bc {
  background: rgba(var(--gd-surface-rgb), 0.92) !important;
}

.market-bc.active,
.market-bc:hover:not(.disabled-market-bc) {
  background: rgba(var(--gd-cta-rgb), 1) !important;
  color: var(--gd-cta-text) !important;
}

/* Purple cleanup leftovers in mobile custom */
[class*=is-mobile] .casinoCategoryChooserContainer .horizontalCategoryItemWrp {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}


/* ===== Stronger Gamdom overrides (header CTAs, winners, purple kill) ===== */
.btn.a-color.header-icon-text,
.btn.a-color.hdr-deposit-btn,
a.hdr-deposit-btn,
.hdr-deposit-btn,
.btn.a-color.bc-i-wallet {
  background: #00cd6c !important;
  background-color: #00cd6c !important;
  background-image: none !important;
  color: #06090e !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 0 8px rgba(0, 205, 82, 0.28) !important;
  font-weight: 700 !important;
}
.btn.a-color.header-icon-text:hover,
.btn.a-color.hdr-deposit-btn:hover,
a.hdr-deposit-btn:hover,
.hdr-deposit-btn:hover {
  background: #00b45d !important;
  color: #06090e !important;
  filter: brightness(1.04);
}

/* Sign in — dark surface, no purple border */
a.btn.sign-in,
a.btn.loginBtn,
.btn.sign-in,
.btn.loginBtn,
button.btn.sign-in {
  background: #131a22 !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
a.btn.sign-in:hover,
.btn.loginBtn:hover {
  background: #19212a !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}

/* Register — neon CTA */
button.btn.register,
.btn.register,
a.btn.register {
  background: #00cd6c !important;
  color: #06090e !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 0 8px rgba(0, 205, 82, 0.28) !important;
}
button.btn.register:hover,
.btn.register:hover {
  background: #00b45d !important;
  color: #06090e !important;
}

/* Affiliate / custom header buttons */
.header-custom-buttons,
.header-custom-buttons a,
.header-custom-buttons .btn {
  background: #131a22 !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 10px !important;
  color: #fff !important;
  box-shadow: none !important;
}
.header-custom-buttons:hover,
.header-custom-buttons a:hover {
  background: #19212a !important;
  border-color: rgba(0, 205, 108, 0.35) !important;
}

/* Winners tabs — green active instead of magenta */
.winners-main-tab.active,
button.winners-main-tab.active {
  background: #00cd6c !important;
  color: #06090e !important;
  border: none !important;
}
.winners-main-tab {
  background: #131a22 !important;
  color: #fff !important;
  border-radius: 8px !important;
}
.winners-main-tab:hover {
  background: #19212a !important;
}

/* Kill remaining purple borders / fills from old theme */
*[style*="#00cd6c"],
*[style*="#131a22"],
*[style*="0, 205, 108"],
*[style*="192, 0, 255"] {
  /* inline leftovers handled via class overrides below */
}

.btn,
a.btn,
button.btn {
  border-color: rgba(255, 255, 255, 0.10);
}

/* Category nav strip */
.navMenuHorizontal,
.horizontalMenu,
.menu-nav,
.header-bottom-nav,
.nav-menu-bc,
.closed-left-nav,
.menu-list-bc {
  background: #0f1d28 !important;
}

/* Product / promo feature cards: flatten purple gradients */
.product-banner-container-bc,
.product-banner-container-bc .productBanner,
.hm-row-bc .product-banner-container-bc {
  background: linear-gradient(180deg, #19212a 0%, #0f1d28 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}
.product-banner-container-bc:hover {
  border-color: rgba(0, 205, 108, 0.28) !important;
}

/* Provider chips */
.casinoCategoryChooserContainer .horizontalCategoryItemWrp,
.providerItemsInner {
  background: #131a22 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}
.providerItemsInner.active,
.horizontalCategoryItemWrp.active {
  background: rgba(0, 205, 108, 0.16) !important;
  box-shadow: inset 0 0 0 1px #00cd6c !important;
}

/* Search / smart panel trigger squares */
.hdr-search-btn,
.smart-panel-btn,
.menu-trigger-bc,
.closed-right-nav-icon {
  background: #131a22 !important;
  border-radius: 10px !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* ===== FULL SURFACE PASS — header / menu / panels / leftovers ===== */
:root {
  --headerBG: #080d13 !important;
  --menuBG: #0f1d28 !important;
  --menu-text: #c8d0da !important;
  --sidebarBG: #080d13 !important;
  --footer-bg: #080d13 !important;
  --darkBG: #080d13 !important;
  --body-bg: #080d13 !important;
  --primary: #00cd6c !important;
  --hover-color: #00b45d !important;
  --login-button-bg: #00cd6c !important;
  --login-button-text: #06090e !important;
  --b: 8, 13, 19 !important;
  --b-sc: 255, 255, 255 !important;
  --hero: 0, 205, 108 !important;
  --hero-hover: 0, 180, 93 !important;
  --hero-sc: 6, 9, 14 !important;
  --oc-1: 0, 205, 108 !important;
}
header.headBar, .headBar, .header-bc, .hdr-main-content-bc, .settingBar, .headerFixed {
  background: rgba(8, 13, 19, 0.94) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  box-shadow: none !important;
}
.navMenuHorizontal, .horizontalMenu, .menu-nav, .header-bottom-nav, .nav-menu-bc,
.closed-left-nav, .menu-list-bc, .mainMenu, .hdr-nav, .navigation-bc, .menu-bc,
ul.menu, .bottom-nav-bc, .mobile-bottom-bar, .mobileHeader, .mobile-header-bc, .hdr-bottom {
  background: #0f1d28 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.05) !important;
  box-shadow: none !important;
}
.mainMenu a, .navMenuHorizontal a, .menu-list-bc a, .hdr-nav a, .navigation-bc a { color: #d7dde5 !important; }
.mainMenu a:hover, .navMenuHorizontal a:hover, .menu-list-bc a:hover,
.mainMenu a.active, .navMenuHorizontal a.active, .menu-list-bc .active > a, .hdr-nav a.active { color: #00cd6c !important; }

.headBar .search-box, .search-box .input-group, .hdr-search-btn, .smart-panel-btn, .menu-trigger-bc,
.closed-right-nav-icon, .headerShortcutBtn, .headerShortcutBtn-call, .headerShortcutBtn-ortaklik,
.header-custom-buttons, .header-custom-buttons a, .header-custom-buttons .btn {
  background: #131a22 !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 10px !important;
  color: #fff !important;
  box-shadow: none !important;
}
.headerShortcutBtn:hover, .headerShortcutBtn-call:hover, .headerShortcutBtn-ortaklik:hover,
.header-custom-buttons:hover, .hdr-search-btn:hover {
  background: #19212a !important;
  border-color: rgba(0,205,108,0.35) !important;
  box-shadow: none !important;
}
.search-box .listProvider ul li { border-color: rgba(255,255,255,0.12) !important; }
.search-box .listProvider h4 { background: rgba(0,205,108,0.18) !important; }
.search-box .listProvider ul li:hover { border-color: #00cd6c !important; box-shadow: 0 0 8px rgba(0,205,82,0.28) !important; }
.search-box .listProvider ul li:hover h4 { background: #00cd6c !important; color: #06090e !important; }

.sidebar-bc, .left-nav, .closed-left-nav-content, .overlay-sliding-wrapper-bc,
.smartPanel, .profile-panel, .right-sheet, .mobile-menu, .mobile-right-sheet {
  background: #080d13 !important; background-image: none !important;
  border-color: rgba(255,255,255,0.06) !important;
}
.footer-bc, .layout-footer, .mobile-footer, footer {
  background: #080d13 !important; background-image: none !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}
.product-banner-container-bc, .product-banner-container-bc .productBanner,
.hm-row-bc .product-banner-container-bc, .sdr-item-bc {
  background: linear-gradient(180deg, #19212a 0%, #0f1d28 100%) !important;
  border: 1px solid rgba(255,255,255,0.06) !important; box-shadow: none !important;
}
.product-banner-container-bc:hover, .sdr-item-bc:hover { border-color: rgba(0,205,108,0.28) !important; }
.auth-modal, .sg-n-modal, .modal-content, .login-modal, .register-modal {
  background: #131a22 !important; border: 1px solid rgba(255,255,255,0.06) !important;
}
/* NEVER paint bootstrap modal overlay (#login2/#register2) — keeps centered dialog */
#login2.modal,
#register2.modal,
#registerModal.modal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.winners-main-tab.active, .horizontalCategoryItemWrp.active, .providerItemsInner.active {
  background: #00cd6c !important; color: #06090e !important; box-shadow: none !important;
}
.winners-main-tab, .horizontalCategoryItemWrp, .providerItemsInner {
  background: #131a22 !important; color: #fff !important;
  border-color: rgba(255,255,255,0.08) !important; box-shadow: none !important;
}
.profile-cm622 .ds-btn--primary, .deposit-btn, .btn.a-color {
  background: #00cd6c !important; color: #06090e !important; border: none !important;
}
.headBar a.btn.sign-in, .headBar .btn.sign-in, a.btn.sign-in.loginBtn {
  background: #131a22 !important; color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: none !important; border-radius: 10px !important;
}
.headBar a.btn.sign-in:hover, .headBar .btn.sign-in:hover {
  background: #19212a !important; color: #fff !important;
}
.headBar .btn.register, button.btn.register {
  background: #00cd6c !important; color: #06090e !important; border: none !important;
  border-radius: 10px !important; box-shadow: 0 0 8px rgba(0,205,82,0.28) !important; font-weight: 700 !important;
}
.hdr-deposit-btn, .btn.a-color.hdr-deposit-btn, .btn.a-color.header-icon-text.bc-i-wallet {
  background: #00cd6c !important; color: #06090e !important; border: none !important;
  border-radius: 10px !important; box-shadow: 0 0 8px rgba(0,205,82,0.28) !important; font-weight: 700 !important;
}
/* ===== HEADER MENU DEEP PASS ===== */
body, html, #app, .app-root, .page-bc, .layout-bc, .main-content-bc, .wrapper {
  background-color: #080d13 !important;
  background-image: none !important;
}
/* top header strip */
header, .headBar, .header-bc, .hdr-main-content-bc, .settingBar, .headerFixed,
.headerWrapper, .hdr-wrapper, .top-header-bc, .hdr-top {
  background: rgba(8, 13, 19, 0.96) !important;
  background-color: rgba(8, 13, 19, 0.96) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  box-shadow: none !important;
}
/* secondary nav / category menu */
.navMenuHorizontal, .horizontalMenu, .menu-nav, .header-bottom-nav, .nav-menu-bc,
.closed-left-nav, .menu-list-bc, .mainMenu, .hdr-nav, .navigation-bc, .menu-bc,
ul.menu, .bottom-nav-bc, .mobile-bottom-bar, .mobileHeader, .mobile-header-bc,
.hdr-bottom, .hdr-second-row, .second-header-bc, .category-nav-bc, .nav-bc,
.horizontal-sl-list, .sportsbook-nav, .casino-nav-bc {
  background: #0f1d28 !important;
  background-color: #0f1d28 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.05) !important;
  box-shadow: none !important;
}
.mainMenu a, .navMenuHorizontal a, .menu-list-bc a, .hdr-nav a, .navigation-bc a,
.category-nav-bc a, .nav-bc a, .horizontal-sl-list a {
  color: #d7dde5 !important;
}
.mainMenu a:hover, .navMenuHorizontal a:hover, .menu-list-bc a:hover,
.mainMenu a.active, .navMenuHorizontal a.active, .menu-list-bc .active > a,
.hdr-nav a.active, .category-nav-bc a.active, .nav-bc a.active,
.horizontal-sl-list a.active, .horizontal-sl-list .active {
  color: #00cd6c !important;
}
/* phone / search / shortcut icons in header */
.headBar .search-box, .search-box .input-group, .hdr-search-btn, .smart-panel-btn,
.menu-trigger-bc, .closed-right-nav-icon, .headerShortcutBtn, .headerShortcutBtn-call,
.headerShortcutBtn-ortaklik, .header-custom-buttons, .header-custom-buttons a,
.header-custom-buttons .btn, .hdr-phone-btn, .hdr-call-btn, .btn-call-header,
.header-icon-btn, .icon-btn-bc, .searchBtn, .search-btn-bc {
  background: #131a22 !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 10px !important;
  color: #fff !important;
  box-shadow: none !important;
}
.headBar .search-box input, .search-box input, .hdr-search input {
  background: transparent !important;
  color: #fff !important;
  border: none !important;
}
.headerShortcutBtn:hover, .headerShortcutBtn-call:hover, .headerShortcutBtn-ortaklik:hover,
.header-custom-buttons:hover, .hdr-search-btn:hover, .hdr-phone-btn:hover,
.smart-panel-btn:hover, .menu-trigger-bc:hover {
  background: #19212a !important;
  border-color: rgba(0,205,108,0.35) !important;
  color: #00cd6c !important;
  box-shadow: none !important;
}
/* mobile header + bottom menu */
.mobileHeader, .mobile-header-bc, .m-header, .mobile-top-bar,
.mobile-bottom-bar, .bottom-nav-bc, .mobileFooterNav, .m-bottom-nav {
  background: #080d13 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.06) !important;
}
.mobile-bottom-bar a, .bottom-nav-bc a, .m-bottom-nav a { color: #9aa3af !important; }
.mobile-bottom-bar a.active, .bottom-nav-bc a.active, .m-bottom-nav a.active,
.mobile-bottom-bar a:hover, .bottom-nav-bc a:hover { color: #00cd6c !important; }
/* left/right drawers */
.sidebar-bc, .left-nav, .closed-left-nav-content, .overlay-sliding-wrapper-bc,
.smartPanel, .profile-panel, .right-sheet, .mobile-menu, .mobile-right-sheet,
.sp-content, .user-nav-bc, .account-sidebar {
  background: #080d13 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.06) !important;
}
/* tabs / chips leftover purple */
.tab-bc.active, .tabs-bc .active, .chip.active, .filter-chip.active,
.provider-item.active, .category-item.active, .btn-tab.active {
  background: #00cd6c !important;
  color: #06090e !important;
  border-color: #00cd6c !important;
  box-shadow: none !important;
}
.tab-bc, .chip, .filter-chip, .provider-item, .category-item, .btn-tab {
  background: #131a22 !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.08) !important;
}
/* scrollbars / selection accents */
::selection { background: rgba(0,205,108,0.35); color: #fff; }
::-webkit-scrollbar-thumb { background: #19212a !important; }
::-webkit-scrollbar-thumb:hover { background: #00cd6c !important; }


/* card chrome under banners */
.product-banner-container-bc,
.productBanner,
.sdr-item-bc.product-banner,
.bannerInfo,
.product-banner-title-bc {
  background: linear-gradient(180deg, #19212a 0%, #0f1d28 100%) !important;
  background-image: linear-gradient(180deg, #19212a 0%, #0f1d28 100%) !important;
  border-color: rgba(255,255,255,0.06) !important;
  box-shadow: none !important;
}
.product-banner-container-bc::after,
.sdr-item-bc::after,
.productBanner::after {
  background: linear-gradient(90deg, transparent, #00cd6c, transparent) !important;
  box-shadow: 0 0 12px rgba(0,205,108,0.45) !important;
}
/* nav menu links hover underline */
nav a:hover, .hdr-nav a:hover, header nav a:hover {
  color: #00cd6c !important;
}
nav .active > a, nav a.active, header nav li.active a {
  color: #00cd6c !important;
}
/* provider tabs active could stay white or go green — use green soft */
.horizontalCategoryItemWrp.active,
.providerItemsInner.active,
.provider-tab.active {
  background: #00cd6c !important;
  color: #06090e !important;
}

/* ===== JACKPOT WINNERS NAVY PASS ===== */
.jp-bg, .jp-section, .slot-jackpot-wrap,
.home-jackpot-winners-row, .home-jackpot-winners-section,
.winners-section, .slot-winners-wrap, .winners-inner {
  background-color: #0f1d28 !important;
  background-image: linear-gradient(160deg, rgba(19,26,34,0.92) 0%, rgba(8,13,19,0.96) 55%, rgba(15,29,40,0.9) 100%) !important;
  border-color: rgba(255,255,255,0.06) !important;
  box-shadow: none !important;
}
.jp-bg::before, .jp-bg::after,
.winners-section::before, .winners-section::after,
.home-jackpot-winners-row::before, .home-jackpot-winners-row::after {
  background: radial-gradient(420px 180px at 0% -10%, rgba(0,205,108,0.10) 0%, transparent 72%) !important;
  opacity: 1 !important;
}
.jp-tab.jp-tab--active, .jp-tab--active {
  background: #00cd6c !important;
  color: #06090e !important;
  border-color: #00cd6c !important;
}
.jp-tab {
  background: #131a22 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* Product banners are already brand green; do not hue-shift them. */
.hm-row-banners-in-header .product-banner-bc,
.hm-row-banners-in-header .product-banner-info-bc,
.product-banner-info-bc.product-banner-bc,
.product-banner-container-bc,
.productBanner {
  background: linear-gradient(180deg, #19212a 0%, #0f1d28 100%) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  color: #fff !important;
}
.hm-row-banners-in-header .product-banner-bc *,
.product-banner-info-bc.product-banner-bc * {
  color: #fff !important;
  text-shadow: none !important;
}
img.product-banner-img-bc,
.product-banner-container-bc img,
.hm-row-banners-in-header img.product-banner-img-bc {
  filter: none !important;
  mix-blend-mode: normal !important;
}
.hm-row-banners-in-header .product-banner-bc:hover img.product-banner-img-bc,
.product-banner-container-bc:hover img {
  filter: none !important;
}
/* hero stays dark */
.sdr-wrap-bc .sdr-item-bc,
.home-slider .sdr-item-bc,
.slider-bc .sdr-item-bc,
.sdr-item-bc {
  background: #080d13 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}
.sdr-wrap-bc .sdr-item-bc img,
.home-slider .sdr-item-bc img,
.slider-bc .sdr-item-bc img,
.sdr-item-bc img {
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* ===== FOOTER ABOUT GREEN BORDER PASS ===== */
.layout-footer-holder-bc .footerAboutCard,
.layout-footer-holder-bc .footerAwardsPanel,
.expandableContentWrapper .footerAboutCard,
.expandableContentWrapper .footerAwardsPanel {
  border: 1px solid rgba(0, 205, 108, 0.55) !important;
  box-shadow: 0 0 7px 2px rgba(0, 205, 108, 0.35) !important;
}

/* ===== AUTH MODAL OVERLAY TRANSPARENT ===== */
#login2.modal,
#register2.modal,
#registerModal.modal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* Keep vegas dimensions: do not override modal-dialog / modal-content height/width here */

/* ===== AUTH FORM PURPLE → GAMDOM NAVY (color only) ===== */
#login2 .form-control-label-bc.inputs,
#login2 .form-control-label-bc,
#registerModal .form-control-label-bc.inputs,
#registerModal .form-control-label-bc,
#register2 .form-control-label-bc.inputs,
#register2 .form-control-label-bc {
  background: rgba(13, 20, 28, 0.92) !important;
  background-color: rgba(13, 20, 28, 0.92) !important;
}
#login2 .form-control-input-bc,
#registerModal .form-control-input-bc,
#register2 .form-control-input-bc {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(0, 205, 108, 0.3) !important;
}
#login2 .form-control-input-bc:focus,
#registerModal .form-control-input-bc:focus,
#register2 .form-control-input-bc:focus {
  border-color: rgba(0, 205, 108, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(0, 205, 108, 0.25) !important;
}
#login2 .login-error-text,
#registerModal .login-error-text,
#registerModal .register-error-text,
#register2 .login-error-text {
  background: rgba(140, 30, 45, 0.92) !important;
  background-color: rgba(140, 30, 45, 0.92) !important;
}
#login2 .login-walletconnect-btn,
#registerModal .login-walletconnect-btn,
#registerModal .register-walletconnect-btn {
  background: rgba(19, 26, 34, 0.9) !important;
  color: rgba(232, 238, 245, 0.98) !important;
}

/* ===== MOBILE PURPLE WIPE → GAMDOM (color only) ===== */
body.mobile-site,
body.mobile-site .hdrMobileWrapper,
body.mobile-site .mobile-header,
body.mobile-site .mobileBottomMenu,
body.mobile-site .bottom-menu-bc,
body.mobile-site .mobile-nav-menu,
body.mobile-site .mobile-profile-panel,
body.mobile-site .smart-panel,
body.mobile-site .right-sheet {
  --accent: #00cd6c;
  --accent-2: #00974e;
  --bg-deep: #080d13;
  --bg-panel: #0f1d28;
}
body.mobile-site .hdrMobileWrapper,
body.mobile-site header.hdrMobile,
body.mobile-site .mobile-bottom-bar,
body.mobile-site .mobileBottomMenu {
  background-color: #080d13 !important;
  background-image: none !important;
}
body.mobile-site .a-color,
body.mobile-site .btn.a-color,
body.mobile-site button.a-color {
  background-image: linear-gradient(90deg, #00cd6c 0%, #0d4a32 100%) !important;
}

/* ===== MOBILE BG IMAGE OFF ===== */
body.mobile-site,
body.mobile-site .layout-content-holder-bc,
body.mobile-site .homepageMobile {
  background-image: none !important;
  background-color: #080d13 !important;
}

/* Header product banners sit on the site background, not in a square card. */
.hm-row-banners-in-header .product-banner-bc,
.hm-row-banners-in-header .product-banner-info-bc,
.hm-row-banners-in-header a.product-banner-info-bc {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  filter: none !important;
  overflow: visible !important;
}
.hm-row-banners-in-header .product-banner-bc::after,
.hm-row-banners-in-header .product-banner-info-bc::after {
  display: none !important;
  box-shadow: none !important;
}

/* desktop PARA YATIR: wallet icon uses the same dark ink as the label */
.headBar .header-icon-text.hdr-deposit-btn[class*="bc-i"]::before,
.headBar a.hdr-deposit-btn.bc-i-wallet::before,
.headBar .btn.a-color.header-icon-text.bc-i-wallet.hdr-deposit-btn::before {
  color: #06090e !important;
}
.headBar .header-icon-text.bc-i-wallet.hdr-deposit-btn,
.headBar .header-icon-text.hdr-deposit-btn {
  box-shadow: 0 0 8px rgba(0, 205, 82, 0.28) !important;
}