:root {
    --b: 49, 60, 91 !important; /* Lighten up the background color */
    --hero: 241, 196, 15 !important;
    --oc-1: 241, 196, 15 !important;
    --oc-2: 241, 196, 15 !important;
    --header: 49, 60, 91 !important; /* Lighter header */
    --menu: 49, 60, 91 !important; /* Lighter menu */
    --boxshadow: 0rem .0625rem .1875rem rgba(0, 0, 0, 0.1), 0rem .0625rem .125rem rgba(0, 0, 0, 0.07); /* Lighter shadow */
    --loyalityback: rgba(26, 115, 232, 1);
}

.deposit-method-description a {
    transition: 0.24s;
    cursor: pointer;
    padding: 0 20px;
    height: 36px;
    display: flex;
    text-transform: uppercase;
    text-decoration: none !important;
    justify-content: center;
    align-items: center;
    border: none;
    margin-top: 20px !important;
    border-radius: 4px;
    color: rgba(var(--b-sc),1);
    background-image: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);
}

.hdr-navigation-link-bc {
    font-size: 11px !important;
}

.bet-history-cashout-btn {
    background: rgb(27, 143, 101) !important;
    color: rgba(var(--b-sc),1) !important;
    font-weight: 700;
}

[data-status="0"],
[data-status="1"],
[data-status="2"],
[data-status="3"] {
    font-size: 12px;
}

.games-horiz-title,
.help-popup-title-text {
    line-height: 21px !important;
}

.comp-select-row-bc .form-control-select-bc,
.form-control-select-bc {
    line-height: 21px;
}

.description-c-r-c-t-column-bc .description-title {
    line-height: 15px !important;
}

.bet-slip-switcher-r-i-c-name,
.c-title-bc,
.competition-title-bc,
.description-c-r-c-t-column-bc .description-value,
.sportBonusFundResult-title {
    line-height: 19px !important;
}

.ftr-copy-rights-bc {
    display: none;
}

.promotionDetHeader-bc {
    padding-top: 35% !important;
}

.promotionDetThumbnail-bc {
    height: auto !important;
}

.WithdrawAmount-Row + .WithdrawAmount-Row,
.bonusExchangeInnerCoverImg-bc,
.bonusExchangeInnerCoverTopBlock-bc,
.bonusExchangeListElThumbWrapper-bc,
.c-country-bc-text .ellipsis:first-child,
.casino-game-tournament-inner-info-bc,
.casino-game-tournament-time-block-bc,
.connect-button-wrapper,
.description-c-row-c-title-bc.has-border,
.eligible-bonus,
.expandable-info-toggle .expandable-info-showMore,
.hdr-crypto-content,
.jackpot-banner .casinoJackpotWrapper-bc,
.leaderboard-bc,
.slider-bc .carousel-count {
    display: none !important;
}

.bonusExchangeInnerAlertBox-border-bc {
    margin-top: 60px !important;
}

[dir="rtl"] .horizontal-sl-list-bc {
    direction: rtl !important;
}

.btn.register {
    padding: 15px !important;
}

.bs-f-header-sub-navigation-bc .betslip-remove-all,
.open-bets-bet-history-btn > span {
    justify-content: center;
    color: rgb(255, 255, 255) !important;
    background: rgba(27, 143, 101, 0.52) !important;
    border: none;
    display: flex;
    text-transform: uppercase;
    text-decoration: none !important;
}

.btn.sign-in,
.nav-floating-btn {
    box-shadow: none;
}

.btn.sign-in {
    text-decoration: none !important;
}

.btn.a-outline {
    margin-bottom: 10px;
}

.open-bets-bet-history-btn > span {
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 20px;
    border-radius: 4px;
    font-weight: 500;
}

.bs-f-header-sub-navigation-bc .betslip-remove-all {
    align-items: center;
    height: 27px;
    padding: 0 18px;
    border-radius: 4px;
}

.expandable-info-toggle .bc-i-small-arrow-down,
.expandable-info-toggle .bc-i-small-arrow-up,
[dir="rtl"] .sportBonusListElTitle-icon:before {
    appearance: button;
    background-color: rgba(77, 74, 232, 1);
    background-image: linear-gradient(180deg, rgba(var(--b-sc), .15), rgba(var(--b-sc), .15));
    border-radius: 1rem;
    box-shadow: rgba(var(--b-sc), .15) 0 1px 0 inset, rgba(46, 54, 80, 0.075) 0 1px 1px;
    box-sizing: border-box;
    color: rgba(var(--b-sc),1);
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
    text-transform: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    touch-action: manipulation;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
}

[dir="rtl"] .sportBonusListElTitle-icon:before {
    content: "";
    font-size: 1rem;
}

.sportBonusFundProgressBar-bc {
    height: 20px !important;
    background: rgba(0, 0, 0, 0.2) !important; /* Lighter background */
}

.sportBonusFundProgressBarPassed-bc {
    background: linear-gradient(144deg, rgb(175, 64, 255), rgb(91, 66, 243) 50%, rgb(0, 221, 235)) !important;
}

.product-banner-container-bc:not(.product-banner-without-titles) .product-banner-img-bc {
    max-width: 100% !important;
    height: 40px !important;
}

.count-odd-animation:after {
    width: 16px !important;
    height: 16px !important;
    font-size: 10px !important;
    line-height: 16px !important;
}

.bs-bet-i-h-c-icon-bc.attention {
    color: rgba(255, 0, 26, 1) !important;
    font-size: 15px !important;
}

.market-bc.active > .market-coefficient-bc > .market-arrow-up-down-bc.is-down {
    border-bottom-color: red !important;
}

.bc-i-sport:before {
    content: "\ead1" !important;
}

.bc-i-live-1:before,
.bc-i-live:before,
.betslip-changed-icon,
.info-live-prematch-icon-bc.bc-i-live {
    color: rgb(255, 76, 0) !important;
}

.bc-i-live-casino-1:before {
    content: "\eabe" !important;
}

.product-banner-container-bc:not(.product-banner-without-titles) .product-banner-bc {
    height: 70px !important;
}

.mg-selector.selected .market-selection-label {
    color: rgb(255, 255, 255) !important;
}

.bs-f-h-t-t-balance-bc {
    text-align: center !important;
    font-size: 18px !important;
    -webkit-margin-end: 0 !important;
    -webkit-margin-start: 14px !important;
    font-weight: 700 !important;
}

.WithdrawAmount-Row-Value {
    color: rgba(247, 255, 0, 1) !important;
}

.casino-game-tournament-list-footer {
    display: block !important;
    text-align: center !important;
}

.casino-game-tournament-price-bc {
    font-size: 1.8rem !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

.casino-game-tournament-title-bc {
    font-size: 1rem !important;
    margin-bottom: 10px !important;
}

.casino-game-tournament-join-status-bc {
    -webkit-margin-start: 25% !important;
    margin-inline-start: 25% !important;
    width: 50% !important;
}

.bs-inputs-bc .bs-bet-i-b-amount-bc {
    color: rgba(var(--b-sc),1) !important;
    font-size: 18px !important;
}

.bs-bet-i-b-coefficient-bc.c-2 {
    font-size: 15px;
}

.market-odd-bc {
    font-size: 1.3em !important;
}

.active .market-odd-bc {
    font-weight: 700 !important;
}

.sp-s-l-h-arrow-icon-bc:before {
    background: radial-gradient(circle at -14% 113%, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0) 120%);
    width: 20px;
    height: 20px;
    border-radius: 5px;
    text-align: center;
    line-height: 20px;
}

.tournament-section-money {
    font-size: 20px !important;
    font-weight: 700 !important;
}

.nav-floating-btn {
    color: rgba(231, 255, 0, 0.8) !important;
}

.competition-bc .c-segment-holder-bc.head {
    margin-bottom: 6px !important;
}

.sdr-collapsed-arrow-bc:before {
    width: 19px;
    height: 19px;
    border-radius: 4px;
    text-align: center;
    line-height: 19px;
    background: linear-gradient(180deg, #e58353, #cc581f);
}

.bs-bet-i-b-row-bc + .bs-bet-i-b-row-bc {
    margin-top: 15px !important;
}

[dir="rtl"] .ss-icon-holder-bc {
    left: 7px;
}

.user-logout-bc .btn {
    color: rgb(255, 255, 255) !important;
    background: rgba(255, 0, 0, 0.31) !important;
}

.horizontal-sl-item-bc,
.btn.register,
.btn.a-color,
.open-bets-bet-history-btn > span,
.live-chat-adviser-bc {
    box-shadow: var(--boxshadow);
}

[class*=is-mobile] .expandableContent {
    padding: 50px 0;
}

.expandableContentShowMore,
.expandableContentIcon {
    appearance: button;
    background-color: rgba(77, 74, 232, 1);
    background-image: linear-gradient(180deg, rgba(var(--b-sc), .15), rgba(var(--b-sc), .15));
    border-radius: 1rem;
    box-shadow: rgba(var(--b-sc), .15) 0 1px 0 inset, rgba(46, 54, 80, 0.075) 0 1px 1px;
    box-sizing: border-box;
    color: rgba(var(--b-sc), 1);
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
    text-transform: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    touch-action: manipulation;
    vertical-align: middle;
}

.user-nav-icon {
    width: 35px !important;
    height: 35px !important;
    font-size: 20px !important;
    line-height: 35px !important;
}

.hdr-navigation-link-bc .nav-menu-title {
    font-size: 11px !important;
}

.loyalty-level-img {
    border-top-width: 0px !important;
    max-width: 40% !important;
    max-height: 40% !important;
    margin: 0 auto !important;
    display: block !important;
    margin-inline-end: auto !important;
}

.loyalty-level-container,
.loyalty-level-info-header,
.loyalty-level-info-wrapper {
    display: block !important;
    text-align: center !important;
}

.loyalty-level-info-icon,
.loyalty-level-subtitle {
    margin-bottom: 5px;
}

.loyalty-level-progressBar-wrapper {
    height: 20px !important;
    background: rgb(0, 0, 0) !important;
}

.loyalty-level-progressBar-wrapper .loyalProgressBarStick-bc {
    height: 20px !important;
}

.loyalty-level-progressBar-wrapper .loyalProgressBarStick-bc .loyalProgressBarStick-after {
    background: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb) !important;
}

.bonusExchangeInnerInfoTitle-bc {
    display: none !important;
}

.bonusExchangeInnerTitle-bc,
.bonusExchangeInnerPts-bc {
    text-align: center !important;
    line-height: 25px !important;
    display: block !important;
}

.exchangeListElThumbWrapper {
    padding-top: unset !important;
}

.exchangeListElThumb {
    height: unset !important;
}

.exchangeListElPts {
    font-size: 13px !important;
    font-weight: bold !important;
    color: rgba(214, 255, 0, 1) !important;
}

.exchangeListElTitle {
    font-size: 13px !important;
    color: rgba(var(--b-sc), 1) !important;
    padding-bottom: 10px !important;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 1) !important;
}
/* ================================
   FLOATING GLASS BOTTOM NAV (FINAL)
   ================================ */

.tab-navigation-w-bc {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) translateZ(0) !important;

  width: min(560px, calc(100% - 18px)) !important;
  height: 56px !important;

  /* ✅ stick to bottom + iOS safe-area support */
  bottom: env(safe-area-inset-bottom, 0px) !important;

  padding: 6px !important;
  gap: 6px !important;
  border-top: none !important;
  border-right: 1px solid rgba(var(--b-sc), .3) !important;
  border-left: 1px solid rgba(var(--b-sc), .3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  border-radius: 18px !important;
  background: transparent !important;

  isolation: isolate !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* === GLASS BASE === */
.tab-navigation-w-bc::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: rgba(10, 18, 30, 0.62) !important;
  backdrop-filter: blur(34px) saturate(160%) brightness(108%) !important;
  -webkit-backdrop-filter: blur(34px) saturate(160%) brightness(108%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  /* center notch */
  -webkit-mask-image: radial-gradient(circle 38px at 50% 0%, transparent 0, transparent 38px, black 39px) !important;
  mask-image: radial-gradient(circle 38px at 50% 0%, transparent 0, transparent 38px, black 39px) !important;
}

/* === SUBTLE GLASS SHINE === */
.tab-navigation-w-bc::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0) 60%);

  opacity: .7 !important;
  mix-blend-mode: screen;
  z-index: 1 !important;
  pointer-events: none !important;

  -webkit-mask-image: radial-gradient(circle 38px at 50% 0%, transparent 0, transparent 38px, black 39px) !important;
  mask-image: radial-gradient(circle 38px at 50% 0%, transparent 0, transparent 38px, black 39px) !important;
}

/* === BASE TAB RESET === */
.tab-nav-item-bc {
  box-shadow: none !important;
}

/* === NORMAL TABS === */
.tab-navigation-w-bc .tab-nav-item-bc {
  position: relative !important;
  z-index: 2 !important;
  flex: 1 1 0 !important;
  height: 51px !important;
  border-radius: 14px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  text-decoration: none !important;
  color: #fff !important;
  background: transparent !important;

  overflow: visible !important;
  box-shadow: none !important;
  background-image: none !important;

  transition: color 0.18s ease, transform 0.18s ease !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

/* === RTL BADGE FIX === */
html[dir="rtl"] 
.tab-navigation-w-bc 
.tab-nav-item-bc:nth-child(1)[data-badge]:after {
  right: auto !important;
  left: 10px !important;
}

/* === CENTER FLOATING BUTTON (BETSLIP) === */
.tab-navigation-w-bc .tab-nav-item-bc:nth-child(3) {
  position: relative !important;
  z-index: 5 !important;

  flex: 0 0 66px !important;
  width: 66px !important;
  height: 66px !important;
  bottom: 26px !important;

  border-radius: 50% !important;

  background: radial-gradient(
  120% 120% at 30% 20%,
  #7b6cff 0%,
  #4a2d7c 45%,
  #25133f 100%
) !important;

  color: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased !important;

  box-sizing: border-box !important;
  overflow: visible !important;
  transform: translateZ(0);

}


.tab-navigation-w-bc .tab-nav-item-bc.active:not(:nth-child(3)) {
    color: #ffffff !important;

    /* Dark premium glass – matches bar + center button */
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.18),
        rgba(255, 255, 255, 0.08)
    ) !important;

    /* Deeper shadow, less plastic */
    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;

    border-radius: 14px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    transition: all 0.25s ease;
}