/* sag ikon tile bg */
.sdr-item-bc, .sdr-item-bc a, .sdr-item-bc div, .sdr-content-bc .sdr-item-bc {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* ikon gorsellerinde kutu/bg varsa softce kaldir */
.sdr-item-bc img,
.sdr-content-bc img,
[class*="sdr-item"] img {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* kirmizi/daire arkaplani olan png'lerde koyu zeminle karisimi azalt */
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* sag ikonlar: tum tile/bg kaldir (web) */
.sdr-content-bc,
.sdr-content-bc *,
.horizontal-sl-list-bc .sdr-item-bc,
.sdr-item-bc,
.sdr-item-bc > a,
.sdr-item-bc .sdr-image-bc,
.sdr-item-bc .sdr-image-holder-bc,
.sidebarRight .sdr-item-bc,
[class*="sdr-item"],
[class*="sdr-item"] a,
[class*="sdr-item"] div {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
}
.sdr-item-bc img,
.sdr-content-bc img,
[class*="sdr-item"] img {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* herobet red-black theme vs cip bg — TOP OVERRIDE */

:root, html, body, #root, .layout-bc {
  --hb-navy: #0A0A0A !important;
  --hb-dark: #050505 !important;
  --hb-panel: #141414 !important;
  --hb-red: #ED2424 !important;
  --hb-red-deep: #C0282C !important;
  --hb-red-hot: #DE2E36 !important;
  --hb-cyan: #ED2424 !important;
  --hb-white: #FFFFFF !important;
  --hb-text: #F5F5F5 !important;
  --hb-muted: #B8B8B8 !important;

  --cs-pr: #ED2424 !important;
  --cs-sc: #DE2E36 !important;
  --cs-dark: #0A0A0A !important;
  --cs-white: #F5F5F5 !important;
  --cs-gr-pr: #0A0A0A !important;
  --cs-gr-sc: #141414 !important;
  --cs-header-gradient: linear-gradient(to left, #050505 0%, #1A0F0F 50%, #050505 100%) !important;
  --cs-btn-gradient: linear-gradient(to bottom, #DE2E36 0%, #C0282C 100%) !important;
  --cs-icon-gradient: linear-gradient(to bottom, #ED2424 0%, #C0282C 100%) !important;

  --yellow: #ED2424 !important;
  --gold: #ED2424 !important;
  --orange: #ED2424 !important;

  --hero: 237, 36, 36 !important;
  --hero-sc: 255, 255, 255 !important;
  --brand: 237, 36, 36 !important;
  --brand-hover: 222, 46, 54 !important;
  --accent: 222, 46, 54 !important;
  --accent-hover: 222, 46, 54 !important;
  --hero-hover: 222, 46, 54 !important;
  --oc-1: 237, 36, 36 !important;
  --oc-1-sc: 255, 255, 255 !important;
  --oc-1-hover: 222, 46, 54 !important;
  --oc-2: 255, 255, 255 !important;
  --oc-3: 255, 52, 73 !important;
  --secondary: 192, 40, 44 !important;
  --success: 237, 36, 36 !important;

  --b: 10, 10, 10 !important;
  --b-sc: 255, 255, 255 !important;
  --header: 12, 8, 8 !important;
  --header-sc: 255, 255, 255 !important;
  --menu: 20, 12, 12 !important;
  --menu-sc: 255, 255, 255 !important;
  --tab-navigation: 12, 8, 8 !important;
  --font-light: 255, 255, 255 !important;
}

html, body {
  background-color: #050505 !important;
  color: #F5F5F5 !important;
}

/* panels / chrome: black glass over cip bg */
.header-bc,
.layout-header-holder-bc,
.layout-content-holder-bc,
.layout-footer-holder-bc,
.nav-content-bc,
.nav-menu-container,
.nav-menu-container.header-navigation,
.sportsbook-container,
.left-menu-container,
.right-menu-container,
.center-column-container,
.betslip-holder-bc,
.betslip-bc,
.footer-bc,
.popup-inner-bc,
.modal-content,
.dialog-content,
.hdr-main-content-bc,
.horizontalNavigationList,
.page-builder-widget,
.pageBuilderWidget,
[class*="pageBuilder"],
[class*="page-builder"],
[class*="pb-"],
.casinoNCategoryList,
.casinoNGamesList,
.account-box-bc,
.profile-nav-bc,
.tab-nav-bc,
.tabs-nav-bc {
  background: rgba(10, 10, 10, 0.82) !important;
  background-color: rgba(10, 10, 10, 0.82) !important;
}

.header-bc,
.layout-header-holder-bc {
  background: linear-gradient(to left, #050505 0%, #1A0F0F 50%, #050505 100%) !important;
}

/* kill leftover navy fills */
[style*="#152048"],
[style*="#151C52"],
[style*="#1B275C"],
[style*="#10183A"],
[style*="#0D1339"],
[style*="#0B1137"],
[style*="#222b62"],
[style*="#222B62"] {
  background-color: #141414 !important;
  background: #141414 !important;
}

.casinoGameItem,
.casino-game-item,
.cg-icon-bc,
.game-icon-bc,
.sdr-item-bc {
  background-color: transparent !important;
  background: transparent !important;
}

/* pagebuilder / widgets */
.page-builder-row,
.page-builder-column,
.pb-widget,
.widget-bc,
.banner-box,
.info-banner,
.home-page-banner {
  background: rgba(10, 10, 10, 0.55) !important;
  border-color: rgba(237, 36, 36, 0.25) !important;
}

/* active / brand */
.nav-menu-container .nav-menu > li > .nav-menu-item.active,
.nav-menu-container a.nav-menu-item.active,
.hdr-user-bc .deposit-btn,
.deposit-btn,
.btn.a-color,
.btn.s-color,
.btn.primary,
.horizontal-sl-item-bc.active {
  background: #ED2424 !important;
  background-color: #ED2424 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.nav-menu-title,
.nav-menu-container .nav-menu-item,
.nav-menu-container .nav-menu-item .nav-menu-title {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

a, .link, .c-color { color: #ED2424 !important; }

/* sag ikonlar: kirmizi kutu / tile arka plan kaldir */
.sdr-item-bc,
.sdr-item-bc a,
.sdr-content-bc .sdr-item-bc,
.sidebar-right .sdr-item-bc,
[class*="sdr-item"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}
.sdr-item-bc img,
.sdr-content-bc img {
  background: transparent !important;
  background-color: transparent !important;
}

/* Herobet theme 20261009f — brand #ED2424, nav text WHITE */
:root {
  --hb-red: #ED2424 !important;
  --hb-navy: #0A0A0A !important;
  --hb-dark: #050505 !important;
  --hb-panel: #141414 !important;

  --cs-pr: #ED2424 !important;
  --cs-sc: #DE2E36 !important;
  --cs-dark: #0A0A0A !important;
  --cs-white: #FFFFFF !important;

  /* Digitain RGB channels */
  --hero: 237, 36, 36 !important;
  --hero-sc: 255, 255, 255 !important;
  --brand: 237, 36, 36 !important;
  --accent: 222, 46, 54 !important;
  --oc-1: 237, 36, 36 !important;
  --oc-1-sc: 255, 255, 255 !important;
  --oc-2: 255, 255, 255 !important;
  --b: 20, 12, 12 !important;
  --b-sc: 255, 255, 255 !important;
  --header: 12, 8, 8 !important;
  --header-sc: 255, 255, 255 !important;
  --menu: 20, 12, 12 !important;
  --menu-sc: 255, 255, 255 !important;
  --tab-navigation: 12, 8, 8 !important;
  --font-light: 255, 255, 255 !important;
  --secondary: 192, 40, 44 !important;
}

html, body {
  background: radial-gradient(circle at top, #141414 0%, #0A0A0A 45%, #050505 100%) !important;
  background-color: #0A0A0A !important;
  color: #FFFFFF !important;
}

.header-bc,
.layout-header-holder-bc {
  background: linear-gradient(to left, #050505 0%, #141414 50%, #050505 100%) !important;
}

/* ===== NAV LABELS: ALWAYS WHITE (never #ED2424) ===== */
.nav-menu-title,
span.nav-menu-title,
.nav-menu-container .nav-menu-title,
.nav-menu-container .nav-menu-item,
.nav-menu-container .nav-menu-item .nav-menu-title,
.nav-menu-container .nav-menu > li > .nav-menu-item,
.nav-menu-container .nav-menu > li > .nav-menu-item .nav-menu-title,
.nav-menu-container .nav-menu > li > .nav-menu-item > *,
.nav-menu-container a.nav-menu-item,
.nav-menu-container a.nav-menu-item .nav-menu-title,
.nav-menu-container .nav-menu-other > .nav-menu-item,
.nav-menu-container .nav-menu-other > .nav-menu-item .nav-menu-title,
.hdr-navigation-scrollable-bc .nav-menu-title,
.hdr-navigation-scrollable-bc .nav-menu-item,
.horizontalNavigationList .nav-menu-title,
.nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item,
.nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item .nav-menu-title,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item .nav-menu-title,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item,
.nav-menu-container.header-navigation:nth-child(2) .nav-menu-item,
.nav-menu-container.header-navigation:nth-child(2) .nav-menu-item .nav-menu-title {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.nav-menu-container .nav-menu-item i,
.nav-menu-container .nav-menu > li > .nav-menu-item > i,
.nav-menu-container .nav-menu-sub-arrow {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* active pill: red bg + WHITE text */
.nav-menu-container .nav-menu > li > .nav-menu-item.active,
.nav-menu-container a.nav-menu-item.active,
.nav-menu-container .nav-menu-other > .nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active,
.hdr-user-bc .btn.register,
.btn.register {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: #ED2424 !important;
  background-color: #ED2424 !important;
}

.nav-menu-container .nav-menu > li > .nav-menu-item.active .nav-menu-title,
.nav-menu-container a.nav-menu-item.active .nav-menu-title,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active .nav-menu-title {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* inactive: no red fill */
.nav-menu-container .nav-menu > li > .nav-menu-item:not(.active),
.nav-menu-container a.nav-menu-item:not(.active) {
  background: transparent !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* scope: inside nav, force contrast channels white (do NOT change --hero bg) */
.nav-menu-container,
.hdr-navigation-scrollable-bc,
.nav-content-bc {
  --menu-sc: 255, 255, 255 !important;
  --header-sc: 255, 255, 255 !important;
  --b-sc: 255, 255, 255 !important;
  --hero-sc: 255, 255, 255 !important;
  --font-light: 255, 255, 255 !important;
  --oc-2: 255, 255, 255 !important;
}

/* brand buttons stay red with white label */
.hdr-user-bc .deposit-btn,
.deposit-btn,
.btn.a-color,
.btn.s-color,
.btn.primary {
  background: #ED2424 !important;
  background-color: #ED2424 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.horizontal-sl-item-bc.active {
  background: #ED2424 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

a.link, .c-color { color: #ED2424 !important; }

.layout-content-holder-bc,
.center-column-container,
.sportsbook-container {
  color: #FFFFFF !important;
}

.casinoGameItem, .casino-game-item, .cg-icon-bc, .game-icon-bc {
  background-color: #141414 !important;
}
/* Herobet brand restore 20261009025910 */
.popup-t-logo-w-bc img,
.hdr-main-content-bc .logo img,
.logo img,
img.logo {
  display: inline-block !important;
}
.popup-t-logo-w-bc:before,
.hdr-main-content-bc .logo:before {
  content: none !important;
  display: none !important;
  background-image: none !important;
}
.hdr-main-content-bc .logo img,
.popup-t-logo-w-bc img {
  max-height: 42px !important;
  width: auto !important;
}

/* HB_USER_NAV_ICONS: logo alti ikonlar - kirmizi kutu uzerinde BEYAZ glif */
.hdr-user-bc .user-nav-icon,
.hdr-additional-info .user-nav-icon,
a.user-nav-icon,
.user-nav-icon {
  background: #ED2424 !important;
  background-color: #ED2424 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-radius: 6px !important;
  opacity: 1 !important;
}
.hdr-user-bc .user-nav-icon::before,
.hdr-additional-info .user-nav-icon::before,
a.user-nav-icon::before,
.user-nav-icon::before,
.user-nav-icon[class*="bc-i-"]::before {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 1 !important;
  background: transparent !important;
  background-image: none !important;
}