/* Gang Bet — green theme (replaces Dancebet blue) */
html,
html.is-mobile,
:root {
  --hero-hover: 86, 197, 118 !important;
  --hero-sc: 255, 255, 255 !important;
  --header-sc: 255, 255, 255 !important;
  --b-sc: 255, 255, 255 !important;
  --b: 10, 22, 16 !important;
  --b-hover: 20, 40, 28 !important;
  --header: 14, 32, 22 !important;
  --header-hover: 20, 40, 28 !important;
  --hero: 34, 197, 94 !important;
  --brand: 22, 163, 74 !important;
  --brand-hover: 21, 128, 61 !important;
  --menu: 22, 163, 74 !important;
  --menu-hover: 21, 128, 61 !important;
  --menu-sc: 255, 255, 255 !important;
  --tab-navigation: 14, 32, 22 !important;
  --tab-navigation-hover: 21, 128, 61 !important;
  --tab-navigation-sc: 255, 255, 255 !important;
  --accent: 74, 222, 128 !important;
  --oc-1: 20, 83, 45 !important;
  --oc-1-hover: 21, 128, 61 !important;
}

body,
.layout-bc,
#root {
  background: #0a1610 !important;
  color: rgba(255, 255, 255, 0.92);
}

.header-bc,
.layout-header-holder-bc,
.tab-navigation-w-bc,
.subNavigationWrapper,
.casinoNavigationAndFilters,
.m-nav-items-list-bc {
  background: #0e2016 !important;
  background-color: #0e2016 !important;
}

.tab-nav-item-bc.active,
.tab-nav-item-bc[class*="active"],
.horizontal-sl-list .horizontal-sl-item-bc.active,
.casinoCategoryItem.active,
.ds-tab-item--active,
.nav-ico-w-row-bc.active {
  color: #4ade80 !important;
}

.tab-nav-item-bc.active .tab-nav-icon-bc,
.tab-nav-item-bc.active .tab-nav-title-bc {
  color: #4ade80 !important;
}

[class*="bc-i-"].active,
.sp-button-bc.active {
  color: #4ade80 !important;
}

/* Kill leftover Dancebet blue fills */
[style*="4,137,240"],
[style*="0437f0"],
[style*="265CF0"],
[style*="275cef"] {
  background-color: #16a34a !important;
  border-color: #16a34a !important;
}

button.btn.s-small.register,
.btn.a-color:not(.a-outline),
.tab-nav-item-bc.active,
.ds-tab-item--active {
  background: #16a34a !important;
  border-color: #16a34a !important;
}

button.btn.s-small.register:hover,
.btn.a-color:not(.a-outline):hover {
  background: #15803d !important;
}

.m-nav-info-w-container-bc .m-nav-icon-bc:after {
  background-image: radial-gradient(circle at -14% 113%, #22c55e, #0000 120%) !important;
}

.slider-bc .swiper-pagination-fraction {
  background: rgba(34, 197, 94, 0.75) !important;
}

.tab-nav-item-bc.active,
.horizontal-sl-list .horizontal-sl-item-bc.active,
.casinoCategoryItem.active {
  color: rgb(74, 222, 128) !important;
}

a:hover,
.section-more-link:hover,
.back-nav-bc:hover {
  color: rgb(74, 222, 128) !important;
}

h3.casinoJackpotLevelTitle-bc:after {
  content: "Gang Bet JackPot" !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

/* Affiliate levels block in footer */
.gb-affiliate-section {
  width: 100%;
  padding: 20px 12px 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 8px;
}

.gb-affiliate-heading {
  margin: 0 0 14px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
}

.gb-affiliate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-width: 520px;
  margin: 0 auto;
}

@media (min-width: 560px) {
  .gb-affiliate-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: none;
  }
}

.gb-affiliate-card {
  position: relative;
  border-radius: 10px;
  padding: 14px 10px 12px;
  text-align: center;
  background: linear-gradient(160deg, rgba(34, 197, 94, 0.14) 0%, rgba(10, 22, 16, 0.9) 100%);
  border: 1px solid rgba(74, 222, 128, 0.22);
  transition: transform 0.2s, border-color 0.2s;
}

.gb-affiliate-card:hover {
  transform: translateY(-2px);
  border-color: rgba(74, 222, 128, 0.45);
}

.gb-affiliate-card.is-silver {
  border-color: rgba(192, 192, 192, 0.35);
  background: linear-gradient(160deg, rgba(192, 192, 192, 0.12) 0%, rgba(10, 22, 16, 0.92) 100%);
}

.gb-affiliate-card.is-gold {
  border-color: rgba(250, 204, 21, 0.35);
  background: linear-gradient(160deg, rgba(250, 204, 21, 0.12) 0%, rgba(10, 22, 16, 0.92) 100%);
}

.gb-affiliate-card.is-diamond {
  border-color: rgba(56, 189, 248, 0.35);
  background: linear-gradient(160deg, rgba(56, 189, 248, 0.12) 0%, rgba(10, 22, 16, 0.92) 100%);
}

.gb-affiliate-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.25);
  color: #86efac;
  margin-bottom: 8px;
}

.gb-affiliate-card.is-silver .gb-affiliate-badge {
  background: rgba(192, 192, 192, 0.2);
  color: #e5e5e5;
}

.gb-affiliate-card.is-gold .gb-affiliate-badge {
  background: rgba(250, 204, 21, 0.2);
  color: #fde047;
}

.gb-affiliate-card.is-diamond .gb-affiliate-badge {
  background: rgba(56, 189, 248, 0.2);
  color: #7dd3fc;
}

.gb-affiliate-name {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}

.gb-affiliate-rate {
  display: block;
  font-size: 18px;
  font-weight: 800;
  color: #4ade80;
  line-height: 1.2;
}

.gb-affiliate-card.is-silver .gb-affiliate-rate { color: #d4d4d4; }
.gb-affiliate-card.is-gold .gb-affiliate-rate { color: #facc15; }
.gb-affiliate-card.is-diamond .gb-affiliate-rate { color: #38bdf8; }

.gb-affiliate-desc {
  display: block;
  margin-top: 6px;
  font-size: 10px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.45);
}

.gb-affiliate-cta {
  display: block;
  margin: 14px auto 0;
  max-width: 220px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
}

.gb-affiliate-cta a {
  color: #4ade80;
  text-decoration: none;
  font-weight: 600;
}

.gb-site-copyright {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45) !important;
}