/* === Global Scroll Fix === */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/* === +10% Badge === */
@keyframes badge3DRoll {
  0%   { transform: perspective(250px) rotateY(0deg)   rotateX(0deg); }
  25%  { transform: perspective(250px) rotateY(22deg)  rotateX(8deg); }
  50%  { transform: perspective(250px) rotateY(0deg)   rotateX(0deg); }
  75%  { transform: perspective(250px) rotateY(-22deg) rotateX(-8deg); }
  100% { transform: perspective(250px) rotateY(0deg)   rotateX(0deg); }
}

.header-bc .hdr-main-content-bc .hdr-user-bc::before {
  display: none !important;
}

a.user-nav-icon.bc-i-wallet {
  min-width: 38px !important;
  height: 28px !important;
  background: linear-gradient(145deg, #0a1205, #1a2a08) !important;
  border-radius: 8px !important;
  border: 2px solid rgba(180,220,40,0.65) !important;
  box-shadow: 0 0 14px rgba(180,220,40,0.4), inset 0 0 10px rgba(180,220,40,0.08) !important;
  animation: badge3DRoll 3.5s ease-in-out infinite !important;
  cursor: pointer !important;
  padding: 0 !important;
  position: relative !important;
  text-decoration: none !important;
  margin: 0 0 0 8px !important;
  flex-shrink: 0 !important;
}
a.user-nav-icon.bc-i-wallet::before {
  content: '+10%' !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  inset: 0 !important;
  color: #c8f040 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  font-family: 'Arial Black', Arial, sans-serif !important;
  text-shadow: 0 0 8px rgba(200,240,60,0.9), 0 0 20px rgba(200,240,60,0.5) !important;
  background: none !important;
}
a.user-nav-icon.bc-i-wallet > * {
  display: none !important;
}

a.user-nav-icon.bc-i-deposit {
  display: none !important;
}

/* === Header Sign In Button === */
button.sign-in, .btn.sign-in {
  background: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border: 1px solid #ffffff !important;
  border-radius: 5px !important;
  padding: 4px 12px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  animation: none !important;
}
button.sign-in span, .btn.sign-in span {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* === Header Register Button === */
@keyframes registerBreath {
  0%, 100% { box-shadow: 0 0 10px rgba(51,181,88,0.4), 0 0 20px rgba(51,181,88,0.15); }
  50%       { box-shadow: 0 0 22px rgba(51,181,88,0.85), 0 0 45px rgba(51,181,88,0.3), 0 4px 16px rgba(0,0,0,0.3); }
}
button.register, .btn.register {
  background: linear-gradient(to right, #33b558, #155e25) !important;
  background-image: linear-gradient(to right, #33b558, #155e25) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border-color: #155e25 !important;
  border-radius: 5px !important;
  padding: 4px 14px !important;
  text-decoration: none !important;
  animation: registerBreath 2.2s ease-in-out infinite !important;
}
button.register span, .btn.register span {
  color: #ffffff !important;
}

/* === Navigation Links === */
.hdr-navigation-link-bc {
  color: rgba(255,255,255,0.65) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  padding-bottom: 4px !important;
  border-bottom: 2px solid transparent !important;
  transition: color 0.2s, border-color 0.2s !important;
}
.hdr-navigation-link-bc:hover,
.hdr-navigation-link-bc.active,
.hdr-navigation-link-bc[class*="active"] {
  color: #00e05a !important;
  border-bottom: 2px solid #00e05a !important;
  text-shadow: 0 0 10px rgba(0,200,80,0.5) !important;
}

/* === Three-dot Menu Button === */
#smart-panel-holder {
  box-shadow: 0 0 0 1px rgba(0,200,80,0.5), 0 0 8px rgba(0,200,80,0.15) !important;
  border-radius: 8px !important;
}

/* === Smart Panel Buttons === */
.hdr-smart-panel-holder-bc .sp-button-bc {
  background: linear-gradient(145deg, #0d1f10, #0a1a0d) !important;
  border: 1px solid rgba(0,200,80,0.35) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 10px rgba(0,200,80,0.1), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  margin: 4px auto !important;
}
.hdr-smart-panel-holder-bc .sp-button-bc:hover {
  border-color: rgba(0,200,80,0.65) !important;
  box-shadow: 0 0 16px rgba(0,200,80,0.25) !important;
}
.hdr-smart-panel-holder-bc .sp-button-icon-bc {
  color: rgba(255,255,255,0.75) !important;
  font-size: 20px !important;
}

/* === Sign In Popup === */
.entrance-popup-bc.sign-in {
  background: linear-gradient(160deg, #0b1f14 0%, #0d1a10 60%, #091510 100%) !important;
  border: 1px solid rgba(0,161,64,0.2) !important;
  box-shadow: 0 0 60px rgba(0,0,0,0.8), 0 0 30px rgba(0,161,64,0.08) !important;
}
.entrance-popup-bc.sign-in input {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(0,161,64,0.2) !important;
  border-radius: 8px !important;
  color: #fff !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.entrance-popup-bc.sign-in input:-webkit-autofill,
.entrance-popup-bc.sign-in input:-webkit-autofill:hover,
.entrance-popup-bc.sign-in input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #0d1a10 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(0,161,64,0.2) !important;
  caret-color: #ffffff !important;
}
.entrance-popup-bc.sign-in input:focus {
  border-color: rgba(0,200,80,0.6) !important;
  box-shadow: 0 0 12px rgba(0,161,64,0.25) !important;
  outline: none !important;
}

/* === Submit Button === */
@property --border-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.entrance-form-actions-holder-bc .btn.a-color {
  position: relative !important;
  overflow: visible !important;
  background: linear-gradient(to right, #33b558, #155e25) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  width: 100% !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0,161,64,0.35), 0 4px 16px rgba(0,0,0,0.4) !important;
  transition: filter 0.3s ease, box-shadow 0.3s ease !important;
}
.entrance-form-actions-holder-bc .btn.a-color::before {
  content: '' !important;
  position: absolute !important;
  inset: -3px !important;
  border: 1.5px solid #D4A017 !important;
  border-radius: 11px !important;
  background: transparent !important;
  --border-angle: 0deg;
  -webkit-mask: conic-gradient(from -90deg, #000 var(--border-angle), transparent var(--border-angle)) !important;
  mask: conic-gradient(from -90deg, #000 var(--border-angle), transparent var(--border-angle)) !important;
  transition: --border-angle 1s ease !important;
  pointer-events: none !important;
  z-index: 10 !important;
}
.entrance-form-actions-holder-bc .btn.a-color:hover::before,
.entrance-form-actions-holder-bc .btn.a-color:active::before {
  --border-angle: 360deg;
}
.entrance-form-actions-holder-bc .btn.a-color:hover,
.entrance-form-actions-holder-bc .btn.a-color:active,
.entrance-form-actions-holder-bc .btn.a-color:focus {
  filter: brightness(1.12) !important;
  box-shadow: 0 0 30px rgba(0,161,64,0.55), 0 4px 20px rgba(0,0,0,0.5) !important;
  outline: none !important;
}

/* === Register Popup Sign In Link === */
span#login_button_id {
  border: 0.5px solid #ffffff !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
  text-decoration: none !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

/* === Hide Register Form Steps === */
.steps-indicator {
  display: none !important;
}

/* === Main Banner Spinning Border === */
@property --mb-spin { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes mbSpin { from { --mb-spin: 0deg; } to { --mb-spin: 360deg; } }

.is-home-page .hm-row-bc.has-slider .hm-row-bc-inner:first-child {
  position: relative !important;
}
.is-home-page .hm-row-bc.has-slider .hm-row-bc-inner:first-child::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 10px !important;
  padding: 1.5px !important;
  pointer-events: none !important;
  z-index: 1 !important;
  animation: mbSpin 7s linear infinite !important;
  background: conic-gradient(from var(--mb-spin),rgba(0,200,80,0.10) 0deg,rgba(0,200,80,0.10) 280deg,rgba(0,200,80,0.70) 320deg,rgba(255,215,0,1.00) 342deg,rgba(255,215,0,0.80) 352deg,rgba(255,215,0,0.50) 358deg,rgba(0,200,80,0.10) 360deg) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  mask-composite: exclude !important;
}

/* === Casino Slots Page Banner Spinning Border === */
.hm-row-bc:has(a[aria-label="Casino banner"]) .hm-row-bc-inner:first-child {
  position: relative !important;
}
.hm-row-bc:has(a[aria-label="Casino banner"]) .hm-row-bc-inner:first-child::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 10px !important;
  padding: 1.5px !important;
  pointer-events: none !important;
  z-index: 1 !important;
  animation: mbSpin 7s linear infinite !important;
  background: conic-gradient(from var(--mb-spin),rgba(0,200,80,0.10) 0deg,rgba(0,200,80,0.10) 280deg,rgba(0,200,80,0.70) 320deg,rgba(255,215,0,1.00) 342deg,rgba(255,215,0,0.80) 352deg,rgba(255,215,0,0.50) 358deg,rgba(0,200,80,0.10) 360deg) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  mask-composite: exclude !important;
}

/* === Live Casino Page Banner Spinning Border === */
.liveCasinoWrapper .hm-row-bc.has-slider .hm-row-bc-inner:first-child {
  position: relative !important;
}
.liveCasinoWrapper .hm-row-bc.has-slider .hm-row-bc-inner:first-child::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 10px !important;
  padding: 1.5px !important;
  pointer-events: none !important;
  z-index: 1 !important;
  animation: mbSpin 7s linear infinite !important;
  background: conic-gradient(from var(--mb-spin),rgba(0,200,80,0.10) 0deg,rgba(0,200,80,0.10) 280deg,rgba(0,200,80,0.70) 320deg,rgba(255,215,0,1.00) 342deg,rgba(255,215,0,0.80) 352deg,rgba(255,215,0,0.50) 358deg,rgba(0,200,80,0.10) 360deg) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  mask-composite: exclude !important;
}

/* === GIF Divider — English === */
.hm-row-bc:has(a[aria-label="Quick Games"])::after {
  content: '' !important;
  display: block !important;
  width: 100vw !important;
  height: 20px !important;
  background: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_accc82ff0b7c478a98b453d1fb2ded07.gif') center / 100% 100% no-repeat !important;
  margin-top: 8px !important;
  position: relative !important;
  left: 0 !important;
}
.hm-row-bc:has(a[aria-label="Quick Games"]) {
  margin-bottom: -220px !important;
  padding-bottom: 0 !important;
}

/* === Slider Arrow Animation — LTR === */
@keyframes arrowPulseLTR {
  0%   { opacity: 0; transform: translateX(0); }
  30%  { opacity: 1; transform: translateX(4px); }
  60%  { opacity: 0.5; transform: translateX(8px); }
  100% { opacity: 0; transform: translateX(12px); }
}
.hm-row-bc-inner:has(.product-banner-without-titles.col-1) {
  position: relative !important;
  overflow: visible !important;
}
.hm-row-bc-inner:has(.product-banner-without-titles.col-1)::after {
  content: '\27E9' !important;
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  font-size: 20px !important;
  top: -1px !important;
  font-weight: 500 !important;
  color: rgba(0,220,80,0.9) !important;
  text-shadow: 0 0 10px rgba(0,220,80,0.8), 0 0 20px rgba(0,220,80,0.4) !important;
  animation: arrowPulseLTR 1.4s ease-in-out 1.2s infinite !important;
  pointer-events: none !important;
  z-index: 10 !important;
  line-height: 1 !important;
}

/* === Slider Row Spacing === */
.hm-row-bc:has(.product-banner-without-titles.col-1) {
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}

/* === Scroll To Top Button === */
.scroll-top-bc {
  background: linear-gradient(135deg, #1e7837 0%, #0a3314 100%) !important;
  border: none !important;
  border-radius: 50% !important;
  box-shadow: 0 0 14px rgba(0,200,80,0.4) !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.scroll-top-bc i, .scroll-top-bc span {
  color: #ffffff !important;
}

/* === Footer Warning + Copyright Row — English only === */
html:not([dir="rtl"]) .copyRightBlock {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  width: 100% !important;
  gap: 8px !important;
}
html:not([dir="rtl"]) p.footerCopyrights {
  grid-column: 1 !important;
  grid-row: 1 !important;
  background: linear-gradient(to right, #33b558, #155e25) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-align: left !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
html:not([dir="rtl"]) .footerWarning {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 99 !important;
}

/* === Footer 21+ Circle === */
span.footerWarningAge {
  background: linear-gradient(135deg, #1e7837 0%, #0a3314 100%) !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  font-size: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}
span.footerWarningAge::after {
  content: '21+' !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.footerWarningAge {
  border-color: #1e7837 !important;
}

/* === Product Cards Sequential Glow — English === */
@keyframes cardGlowGreen {
  0%, 20%, 100% { filter: drop-shadow(0 0 0px rgba(0,220,80,0)); transform: scale(1); }
  8%            { filter: drop-shadow(0 0 14px rgba(0,220,80,0.9)); transform: scale(1.03); }
}
@keyframes cardGlowGold {
  0%, 20%, 100% { filter: drop-shadow(0 0 0px rgba(255,215,0,0)); transform: scale(1); }
  8%            { filter: drop-shadow(0 0 14px rgba(255,215,0,0.9)); transform: scale(1.03); }
}
.product-banner-container-bc.col-2 a[aria-label="Sports"] .product-banner-img-bc {
  animation: cardGlowGreen 10s ease-in-out 0s infinite !important;
}
.product-banner-container-bc.col-2 a[aria-label="Casino"] .product-banner-img-bc {
  animation: cardGlowGold 10s ease-in-out 1.5s infinite !important;
}
.product-banner-container-bc.col-2 a[aria-label="Live Casino"] .product-banner-img-bc {
  animation: cardGlowGreen 10s ease-in-out 3s infinite !important;
}
.product-banner-container-bc.col-2 a[aria-label="Quick Games"] .product-banner-img-bc {
  animation: cardGlowGold 10s ease-in-out 4.5s infinite !important;
}

/* === Bottom Navigation Bar === */
.tab-navigation-w-bc {
  display: flex !important;
  border-top: 1.5px solid rgba(0,220,80,0.5) !important;
  box-shadow: 0 -2px 12px rgba(0,220,80,0.2) !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: visible !important;
}
.layout-navigation-holder-bc {
  overflow: visible !important;
}

/* === Bottom Nav English Slots Button === */
@keyframes casinoNavBreathe {
  0%   { filter: drop-shadow(0 0 4px rgba(0,220,80,0.3));   transform: translateX(-50%) scale(1); }
  25%  { filter: drop-shadow(0 0 16px rgba(0,220,80,0.9));  transform: translateX(-50%) scale(1.07); }
  50%  { filter: drop-shadow(0 0 4px rgba(255,215,0,0.3));  transform: translateX(-50%) scale(1); }
  75%  { filter: drop-shadow(0 0 16px rgba(255,215,0,0.9)); transform: translateX(-50%) scale(1.07); }
  100% { filter: drop-shadow(0 0 4px rgba(0,220,80,0.3));   transform: translateX(-50%) scale(1); }
}
html:not([dir="rtl"]) .tab-navigation-w-bc a[aria-label="Slots"] {
  position: relative !important;
  overflow: visible !important;
  margin-top: -35px !important;
}
html:not([dir="rtl"]) .tab-navigation-w-bc a[aria-label="Slots"] .tab-nav-icon-bc,
html:not([dir="rtl"]) .tab-navigation-w-bc a[aria-label="Slots"] .tab-nav-title-bc {
  display: none !important;
}
html:not([dir="rtl"]) .tab-navigation-w-bc a[aria-label="Slots"]::before {
  content: '' !important;
  display: block !important;
  width: 90px !important;
  height: 90px !important;
  background: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_c0f606e1d4e1b4f02c8c1c52868cff18.png') center / contain no-repeat !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  animation: casinoNavBreathe 3.5s ease-in-out infinite !important;
}

/* === Casino Logo Light Sweep === */
@keyframes casinoLightSweep {
  0%, 100% { opacity: 0; transform: translateX(-50%) translateX(-90px) skewX(-15deg); }
  25%       { opacity: 1; }
  50%       { opacity: 0; transform: translateX(-50%) translateX(90px) skewX(-15deg); }
}
html:not([dir="rtl"]) .tab-navigation-w-bc a[aria-label="Slots"]::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 30px !important;
  height: 90px !important;
  background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.75) 50%, transparent 100%) !important;
  mix-blend-mode: overlay !important;
  pointer-events: none !important;
  z-index: 21 !important;
  animation: casinoLightSweep 4s ease-in-out 4s infinite both !important;
}

/* === Welcome Cards === */
.hm-row-bc-inner.Welcomecasinomob::after,
.hm-row-bc-inner.welcomesportmob::after {
  display: none !important;
}
.hm-row-bc-inner.Welcomecasinomob .product-banner-container-bc,
.hm-row-bc-inner.welcomesportmob .product-banner-container-bc {
  padding: 0 3px !important;
}

@property --casino-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@property --sports-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }

@keyframes casinoTraceMobile {
  0%     { --casino-angle: 0deg; }
  35%    { --casino-angle: 360deg; }
  62%    { --casino-angle: 360deg; }
  62.01% { --casino-angle: 0deg; }
  100%   { --casino-angle: 0deg; }
}
@keyframes sportsTraceMobile {
  0%     { --sports-angle: 0deg; }
  35%    { --sports-angle: 360deg; }
  62%    { --sports-angle: 360deg; }
  62.01% { --sports-angle: 0deg; }
  100%   { --sports-angle: 0deg; }
}

.hm-row-bc-inner.Welcomecasinomob {
  position: relative !important;
  overflow: visible !important;
}
.hm-row-bc-inner.Welcomecasinomob::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 12px !important;
  padding: 1.5px !important;
  pointer-events: none !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
  animation: casinoTraceMobile 7s ease-in-out infinite !important;
  background: conic-gradient(from calc(var(--casino-angle) - 90deg),rgba(212,160,23,0.08) 0deg,rgba(212,160,23,0.08) 300deg,rgba(212,160,23,0.85) 342deg,rgba(255,215,0,1.0) 350deg,rgba(212,160,23,0.08) 360deg) border-box !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  mask-composite: exclude !important;
}

.hm-row-bc-inner.welcomesportmob {
  position: relative !important;
  overflow: visible !important;
}
.hm-row-bc-inner.welcomesportmob::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 12px !important;
  padding: 1.5px !important;
  pointer-events: none !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
  animation: sportsTraceMobile 7s ease-in-out infinite 0.8s !important;
  background: conic-gradient(from calc(var(--sports-angle) - 90deg),rgba(0,200,80,0.08) 0deg,rgba(0,200,80,0.08) 300deg,rgba(0,220,80,0.85) 342deg,rgba(0,255,100,1.0) 350deg,rgba(0,200,80,0.08) 360deg) border-box !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  mask-composite: exclude !important;
}

.hm-row-bc-inner.Welcomecasinomob .product-banner-container-bc > div,
.hm-row-bc-inner.welcomesportmob .product-banner-container-bc > div,
.hm-row-bc-inner.Welcomecasinomob .product-banner-info-bc,
.hm-row-bc-inner.welcomesportmob .product-banner-info-bc {
  width: 100% !important;
  display: block !important;
}
.hm-row-bc-inner.Welcomecasinomob .product-banner-img-bc,
.hm-row-bc-inner.welcomesportmob .product-banner-img-bc {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* === Loyalty Program Link === */
a[href*="loyalty-program"] {
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  padding: 5px 14px !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.4px !important;
  display: inline-block !important;
  margin-top: 14px !important;
  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}
a[href*="loyalty-program"]:hover {
  background: rgba(255,255,255,0.1) !important;
  box-shadow: 0 0 8px rgba(255,255,255,0.12) !important;
}
.hm-row-bc.has-slider a[href*="loyalty-program"] {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: block !important;
  margin-top: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* === HOW TO EARN XP === */
.loyaltyLevelContent {
  margin-top: 20px !important;
  padding-top: 12px !important;
}

/* === Loyalty Bonus Ribbon — LTR === */
html:not([dir="rtl"]) a.loyaltyBonusHeader {
  background: linear-gradient(to right, #33b558, #155e25) !important;
  font-size: 10px !important;
  height: 24px !important;
  line-height: 24px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: fit-content !important;
  align-self: center !important;
  overflow: visible !important;
  margin-right: 40px !important;
  margin-left: 15px !important;
}
a.loyaltyBonusHeader::before,
a.loyaltyBonusHeader::after {
  background: rgba(30,120,55,1) !important;
  height: 80% !important;
}
p.loyaltyBonusHeaderBackground {
  width: 130% !important;
}
p.loyaltyBonusHeaderBackground::before,
p.loyaltyBonusHeaderBackground::after {
  background: rgba(30,120,55,1) !important;
  height: 80% !important;
}
p.loyaltyBonusHeaderShadow {
  background: rgba(0,0,0,0.6) !important;
  filter: blur(4px) !important;
  opacity: 0.5 !important;
}

/* === Popular Games Section — LTR === */
.hm-row-bc:has(.testcss3) {
  position: relative !important;
  z-index: 2 !important;
  overflow: clip !important;
}
.hm-row-bc:has(.testcss4) {
  margin-top: -360px !important;
  position: relative !important;
  padding-top: 110px !important;
  height: 300px !important;
  z-index: 1 !important;
  width: 100% !important;
}
.testcss3 .swiper-slide {
  height: 185px !important;
}
html:not([dir="rtl"]) .testcss3 .product-banner-container-bc {
  margin-right: 0 !important;
  margin-left: 39% !important;
  width: 120% !important;
  overflow: hidden !important;
}
html:not([dir="rtl"]) .testcss4 .sdr-image-bc {
  object-fit: cover !important;
  object-position: left center !important;
  width: 100% !important;
  height: 100% !important;
}

/* === Social Media Icons — Mobile === */
a.user-nav-icon.bc-i-facebook,
a.user-nav-icon.bc-i-instagram,
a.user-nav-icon.bc-i-telegram,
a.user-nav-icon.bc-i-youtube {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 4px !important;
  width: 34px !important;
  height: 34px !important;
}
a.user-nav-icon.bc-i-facebook::before,
a.user-nav-icon.bc-i-instagram::before,
a.user-nav-icon.bc-i-telegram::before,
a.user-nav-icon.bc-i-youtube::before {
  content: '' !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
a.user-nav-icon.bc-i-facebook span,
a.user-nav-icon.bc-i-instagram span,
a.user-nav-icon.bc-i-telegram span,
a.user-nav-icon.bc-i-youtube span {
  display: none !important;
}
a.user-nav-icon.bc-i-facebook::before {
  background-image: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_17da93901b42534a9edc9cde1988434a.png') !important;
}
a.user-nav-icon.bc-i-instagram::before {
  background-image: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_49d36aefb816ee5e9438b4bcc06fd9f6.png') !important;
}
a.user-nav-icon.bc-i-telegram::before {
  background-image: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_2b5922c1e2b8a6210f98c3aeb7e5a76b.png') !important;
}
a.user-nav-icon.bc-i-youtube::before {
  background-image: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_06821f1b6d832a691021f74ee4f6e34b.png') !important;
}
a.user-nav-icon.bc-i-facebook::after,
a.user-nav-icon.bc-i-instagram::after,
a.user-nav-icon.bc-i-telegram::after,
a.user-nav-icon.bc-i-youtube::after {
  display: none !important;
}

/* === Footer Social Icons — Mobile === */
.footerSocialLink a[aria-label="Visit our Facebook"],
.footerSocialLink a[aria-label="Visit our Instagram"],
.footerSocialLink a[aria-label="Visit our Telegram"],
.footerSocialLink a[aria-label="Visit our Youtube"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 4px !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.footerSocialLink a[aria-label="Visit our Facebook"] > *,
.footerSocialLink a[aria-label="Visit our Instagram"] > *,
.footerSocialLink a[aria-label="Visit our Telegram"] > *,
.footerSocialLink a[aria-label="Visit our Youtube"] > * {
  display: none !important;
}
.footerSocialLink a[aria-label="Visit our Facebook"]::before,
.footerSocialLink a[aria-label="Visit our Instagram"]::before,
.footerSocialLink a[aria-label="Visit our Telegram"]::before,
.footerSocialLink a[aria-label="Visit our Youtube"]::before {
  content: '' !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.footerSocialLink a[aria-label="Visit our Facebook"]::before {
  background-image: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_17da93901b42534a9edc9cde1988434a.png') !important;
}
.footerSocialLink a[aria-label="Visit our Instagram"]::before {
  background-image: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_49d36aefb816ee5e9438b4bcc06fd9f6.png') !important;
}
.footerSocialLink a[aria-label="Visit our Telegram"]::before {
  background-image: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_2b5922c1e2b8a6210f98c3aeb7e5a76b.png') !important;
}
.footerSocialLink a[aria-label="Visit our Youtube"]::before {
  background-image: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_06821f1b6d832a691021f74ee4f6e34b.png') !important;
}
.footerSocialLink li,
.footerSocialLinks li {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* ================================================
   ARABIC / RTL SECTION
   ================================================ */

/* === GIF Divider — Arabic === */
.hm-row-bc:has(a[aria-label="\627\644\639\627\628\20\633\631\64a\639\629"])::after {
  content: '' !important;
  display: block !important;
  width: 100vw !important;
  height: 20px !important;
  background: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_accc82ff0b7c478a98b453d1fb2ded07.gif') center / 100% 100% no-repeat !important;
  margin-top: 8px !important;
  position: relative !important;
  left: 0 !important;
}
.hm-row-bc:has(a[aria-label="\627\644\639\627\628\20\633\631\64a\639\629"]) {
  margin-bottom: -220px !important;
  padding-bottom: 0 !important;
}

/* === Slider Arrow Animation — RTL === */
@keyframes arrowPulseRTL {
  0%   { opacity: 0; transform: translateX(0); }
  30%  { opacity: 1; transform: translateX(-4px); }
  60%  { opacity: 0.5; transform: translateX(-8px); }
  100% { opacity: 0; transform: translateX(-12px); }
}
html[dir="rtl"] .hm-row-bc-inner:has(.product-banner-without-titles.col-1)::after {
  content: '\27E9' !important;
  position: absolute !important;
  left: 10px !important;
  right: auto !important;
  font-size: 20px !important;
  top: -1px !important;
  font-weight: 500 !important;
  color: rgba(0,220,80,0.9) !important;
  text-shadow: 0 0 10px rgba(0,220,80,0.8), 0 0 20px rgba(0,220,80,0.4) !important;
  animation: arrowPulseRTL 1.4s ease-in-out 1.2s infinite !important;
  pointer-events: none !important;
  z-index: 10 !important;
  line-height: 1 !important;
}

/* === Footer Warning + Copyright Row — Arabic === */
html[dir="rtl"] .copyRightBlock {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  width: 100% !important;
  gap: 8px !important;
}
html[dir="rtl"] .footerWarning {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 99 !important;
}
html[dir="rtl"] p.footerCopyrights {
  grid-column: 1 !important;
  grid-row: 1 !important;
  background: linear-gradient(to right, #33b558, #155e25) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-align: right !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* === Product Cards Sequential Glow — Arabic === */
.product-banner-container-bc.col-2 a[aria-label="\631\64a\627\636\629"] .product-banner-img-bc {
  animation: cardGlowGreen 10s ease-in-out 0s infinite !important;
}
.product-banner-container-bc.col-2 a[aria-label="\643\627\632\64a\646\648"] .product-banner-img-bc {
  animation: cardGlowGold 10s ease-in-out 1.5s infinite !important;
}
.product-banner-container-bc.col-2 a[aria-label="\20\643\627\632\64a\646\648\20\645\628\627\634\631"] .product-banner-img-bc {
  animation: cardGlowGreen 10s ease-in-out 3s infinite !important;
}
.product-banner-container-bc.col-2 a[aria-label="\627\644\639\627\628\20\633\631\64a\639\629"] .product-banner-img-bc {
  animation: cardGlowGold 10s ease-in-out 4.5s infinite !important;
}

/* === Bottom Nav Arabic Slots Button === */
html[dir="rtl"] .tab-navigation-w-bc a[aria-label="\627\644\633\644\648\62a\627\62a"] {
  position: relative !important;
  overflow: visible !important;
  margin-top: -35px !important;
}
html[dir="rtl"] .tab-navigation-w-bc a[aria-label="\627\644\633\644\648\62a\627\62a"] .tab-nav-icon-bc,
html[dir="rtl"] .tab-navigation-w-bc a[aria-label="\627\644\633\644\648\62a\627\62a"] .tab-nav-title-bc {
  display: none !important;
}
html[dir="rtl"] .tab-navigation-w-bc a[aria-label="\627\644\633\644\648\62a\627\62a"]::before {
  content: '' !important;
  display: block !important;
  width: 90px !important;
  height: 90px !important;
  background: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_0c2d6544341ae5d3204e6322cde56aa3.png') center / contain no-repeat !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  animation: casinoNavBreathe 3.5s ease-in-out infinite !important;
}
html[dir="rtl"] .tab-navigation-w-bc a[aria-label="\627\644\633\644\648\62a\627\62a"]::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 30px !important;
  height: 90px !important;
  background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.75) 50%, transparent 100%) !important;
  mix-blend-mode: overlay !important;
  pointer-events: none !important;
  z-index: 21 !important;
  animation: casinoLightSweep 4s ease-in-out 4s infinite both !important;
}

/* === Loyalty Bonus Ribbon — RTL === */
html[dir="rtl"] a.loyaltyBonusHeader {
  background: linear-gradient(to right, #33b558, #155e25) !important;
  font-size: 10px !important;
  height: 24px !important;
  line-height: 24px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: fit-content !important;
  align-self: center !important;
  overflow: visible !important;
  margin-left: 40px !important;
  margin-right: 15px !important;
}

/* === Popular Games Section — RTL === */
html[dir="rtl"] .testcss3 .product-banner-container-bc {
  margin-left: 0 !important;
  margin-right: 39% !important;
  width: 120% !important;
  overflow: hidden !important;
}
html[dir="rtl"] .testcss4 .sdr-image-bc {
  object-fit: cover !important;
  object-position: right center !important;
  width: 100% !important;
  height: 100% !important;
}

/* === Footer Email – Selectable/Copyable === */
.footerLinkColLinks .footerLinkColEl a,
html[dir="rtl"] .footerLinkColLinks .footerLinkColEl a {
  user-select: text !important;
  -webkit-user-select: text !important;
  cursor: text !important;
}

/* ================================================
   MOBILE JACKPOT
   ================================================ */

/* === MOBILE JACKPOT – inside SPORTSBOOK banner === */
html.is-mobile .hm-row-bc:has(.jackpot-pools-widget) {
  position: relative !important; overflow: visible !important; height: 0 !important;
  min-height: 0 !important; max-height: none !important; margin: 0 !important;
  padding: 0 !important; z-index: 5 !important;
}
html.is-mobile .hm-row-bc-inner:has(.jackpot-pools-widget) {
  position: absolute !important; top: 21vw !important;
  left: 0 !important; right: 0 !important; width: 100% !important;
  height: 60px !important; overflow: visible !important;
  background: transparent !important; padding: 0 !important;
  border: none !important; box-shadow: none !important; z-index: 5 !important;
}
html.is-mobile .hm-row-bc-inner:has(.jackpot-pools-widget) * {
  overflow: visible !important;
}
html.is-mobile .hm-row-bc .jackpot-pools-widget,
html.is-mobile .hm-row-bc .jackpot-pools-widget__scroll,
html.is-mobile .hm-row-bc .jackpot-pools-widget .horizontal-scroll__inner {
  width: 100% !important; height: 60px !important;
  background: transparent !important; border: none !important;
  box-shadow: none !important; overflow: visible !important; transform: none !important;
}
html.is-mobile .hm-row-bc .jackpot-pools-widget [class*="scroll-button"],
html.is-mobile .hm-row-bc .jackpot-pools-widget [class*="pagination"],
html.is-mobile .hm-row-bc .jackpot-pools-widget [class*="arrow"],
html.is-mobile .hm-row-bc .jackpot-pools-widget [class*="info"] { display: none !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot {
  width: 100% !important; height: 60px !important;
  background: transparent !important; border: none !important;
  box-shadow: none !important; border-radius: 0 !important;
  overflow: visible !important; outline: none !important;
}
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot::before,
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot::after,
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot *::before,
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot *::after { display: none !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool-card__title { display: none !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot img { display: none !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool-card__wrapper {
  display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
  align-items: center !important; justify-content: center !important;
  background: transparent !important; border: none !important;
  box-shadow: none !important; overflow: visible !important;
  width: 100% !important; height: 60px !important;
  padding: 0 7% !important; gap: 6px !important; box-sizing: border-box !important;
}
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool-card__level { display: contents !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool-card__pools {
  display: flex !important; flex-direction: row !important;
  gap: 6px !important; padding: 0 !important; width: 100% !important;
  align-items: center !important; justify-content: center !important; background: transparent !important;
}
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool-card__first,
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pools-list,
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .tooltipIconWrapper { display: contents !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool {
  flex: 1 !important; display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  background: transparent !important; border: none !important; box-shadow: none !important;
  border-radius: 0 !important; padding: 0 2px !important; gap: 1px !important;
  overflow: visible !important; min-width: 0 !important;
  position: relative !important; transform: none !important;
}
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool-card__first > .jackpot-pool { order: 2 !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pools-list > .tooltipIconWrapper:first-child > .jackpot-pool { order: 1 !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pools-list > .tooltipIconWrapper:last-child > .jackpot-pool { order: 3 !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool--large { order: 2 !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool:not(.jackpot-pool--large):first-child { order: 1 !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool:not(.jackpot-pool--large):last-child { order: 3 !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool__icon { display: none !important; }
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool__item--align-left,
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool__item--display-horizontal {
  align-items: center !important; flex-direction: column !important;
  text-align: center !important; width: 100% !important;
}
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool__money {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; text-align: center !important; width: 100% !important;
}
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool__title,
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .ds-caption {
  font-size: 6px !important; font-weight: 800 !important; letter-spacing: 0.8px !important;
  color: rgba(255,255,255,0.75) !important; text-align: center !important;
  margin-bottom: 0 !important; width: 100% !important; display: block !important;
}
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool__money-inner {
  color: #fff !important; font-size: 9px !important; font-weight: 900 !important;
  letter-spacing: 0.2px !important; text-align: center !important;
  justify-content: center !important; width: 100% !important; display: flex !important;
}
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool--large .jackpot-pool__money-inner {
  color: #ffd700 !important; font-size: 10px !important;
}
html.is-mobile .hm-row-bc .jackpot-pool-card.sportsbook-jackpot .jackpot-pool__currency-symbol {
  font-size: inherit !important; color: inherit !important;
}
html.is-mobile .hm-row-bc .jackpot-pools-widget [class*="badge"],
html.is-mobile .hm-row-bc .jackpot-pools-widget [class*="count"],
html.is-mobile .hm-row-bc .jackpot-pools-widget [class*="label"] { display: none !important; }

@media (max-width: 350px) {
  html.is-mobile .hm-row-bc-inner:has(.jackpot-pools-widget) {
    top: 90px !important;
  }
}
/* === END MOBILE JACKPOT === */
/* === Hoory Button – Mobile custom icon === */
[class*="bc-i-hoory"] {
    background-image: url('https://cmsbetconstruct.com/storage/medias/treebets-18775478/media_18775478_9db6dbb102fb7f64247cf224514b5d68.png') !important;
    background-size: 68px 44px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    z-index: 9999 !important;
}

[class*="bc-i-hoory"]::before,
[class*="bc-i-hoory"]::after {
    content: '' !important;
    display: none !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
}
/* === Hoory Chat Bubble — Spinning Ring === */
@property --hoory-ring { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes hooryRingSpin { from { --hoory-ring: 0deg; } to { --hoory-ring: 360deg; } }
@keyframes hooryGlowPulse {
  0%, 100% { box-shadow: 0 0 10px rgba(180,220,40,0.4), 0 0 0 0px rgba(180,220,40,0.5); }
  50%       { box-shadow: 0 0 22px rgba(180,220,40,0.7), 0 0 0 6px rgba(180,220,40,0); }
}

.open-icon-wrapper {
    position: relative !important;
    border-radius: 50% !important;
    animation: hooryGlowPulse 2.5s ease-in-out infinite !important;
}

.open-icon-wrapper::before {
    content: '' !important;
    position: absolute !important;
    inset: -5px !important;
    border-radius: 50% !important;
    background: conic-gradient(from var(--hoory-ring),
        transparent           0deg,
        rgba(180,220,40,0.5)  60deg,
        rgba(255,215,0, 1.0)  110deg,
        rgba(180,220,40,0.5)  160deg,
        transparent           220deg,
        transparent           360deg
    ) !important;
    -webkit-mask: radial-gradient(farthest-side, transparent 87%, #fff 87%) !important;
    mask: radial-gradient(farthest-side, transparent 87%, #fff 87%) !important;
    animation: hooryRingSpin 3s linear infinite !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
/* ── Deposit "+" indicator next to balance ── */
.balanceAmount {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
/* Fix overflow clipping on parent containers */
.hdr-user-info-texts-bc,
.hdr-user-info-content-bc,
.user-balance-dropdown,
.hdr-user-bc {
  overflow: visible !important;
}

/* ── Deposit + ring ── */
@keyframes ringOut {
  0%   { box-shadow: 0 0 0 0   rgba(79,212,112,0.8); }
  70%  { box-shadow: 0 0 0 6px rgba(79,212,112,0);   }
  100% { box-shadow: 0 0 0 0   rgba(79,212,112,0);   }
}

.balanceAmount {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.balanceAmount::after {
  content: '+' !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  background: linear-gradient(135deg, #4fd470, #1e8a3a) !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  animation: ringOut 2s ease-out infinite !important;
}

@media (max-width: 768px) {

  li.footerSocialLink:has(a[href*="treebetsclub"]) {
    width: auto !important;
  }

  a[href*="treebetsclub.net"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    direction: ltr;
    width: auto !important;
    margin: 0 !important;
    padding: 8px 12px;
    background: linear-gradient(to right, #33b558, #155e25);
    border-radius: 20px;
    font-size: 0 !important;
    font-weight: 700;
    color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(51, 181, 88, 0.4);
    white-space: nowrap;
    animation: treebets-pulse 2s ease-in-out infinite;
  }

  a[href*="treebetsclub.net"]::after {
    content: "TreeBetsClub";
    font-size: 11px;
    letter-spacing: 0.2px;
  }

  @keyframes treebets-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(51, 181, 88, 0.5); }
    50%  { box-shadow: 0 0 0 7px rgba(51, 181, 88, 0); }
    100% { box-shadow: 0 0 0 0 rgba(51, 181, 88, 0); }
  }

}
.bc-i-wallet { display: none !important; }