:root {
    /* Pasha: olive #212411 + gold + lime accents */
    --cs-pr: #e8c880 !important;
    --cs-sc: #f0f098 !important;
    --cs-dark: #212411 !important;
    --cs-white: #ffffff !important;
    --cs-gr-pr: #272b16 !important;
    --cs-gr-sc: #2e331a !important;
    --cs-header-gradient: linear-gradient(180deg, #2a2e18 0%, #212411 100%) !important;
    --cs-btn-gradient: linear-gradient(180deg, #f0f098 0%, #e8c880 100%) !important;
    --cs-icon-gradient: linear-gradient(180deg, #f0f098 0%, #e8c880 100%) !important;
    --yellow: #e8c880 !important;
    --gold: #f0f098 !important;
    --orange: #e8c880 !important;
    --hero: 232, 200, 128 !important;
    --header: 33, 36, 17 !important;
    --b: 33, 36, 17 !important;
    --accent: 61, 220, 58 !important;
    --oc-1: 232, 200, 128 !important;
    --oc-2: 255, 255, 255 !important;
    --menu: 39, 43, 22 !important;
    --tab-navigation: 18, 20, 12 !important;
    --layout-width: 1670px;
    --cs-bg: none;
}

body {
    background: radial-gradient(circle at top, #2a2e18 0%, #212411 55%, #181a0e 100%) !important;
    background-color: #212411 !important;
    color: #f5f2ea !important;
}

/* Surfaces — layout structure untouched (no right-menu/betslip overrides) */
.header-bc,
.layout-content-holder-bc,
.layout-footer-holder-bc,
.layout-header-holder-bc,
.nav-content-bc,
.nav-menu-container,
.sportsbook-container,
.left-menu-container,
.center-column-container,
.footer-bc,
.popup-inner-bc,
.modal-content,
.dialog-content {
    background: #272b16 !important;
    background-color: #272b16 !important;
}

.header-bc,
.nav-menu-sub {
    background: linear-gradient(180deg, #2a2e18 0%, #212411 100%) !important;
    border-bottom: 1px solid rgba(232, 200, 128, 0.12) !important;
}

/* Icons / text */
.sport-search-icon-bc,
.sgm-market-search-icon,
.search-icon,
.favorite-icon,
.icon-star,
.star-icon i,
.active-icon {
    color: #e8c880 !important;
    border-color: #e8c880 !important;
}

.active,
.selected,
.highlighted {
    border-color: #e8c880 !important;
}

.text-yellow,
.yellow-text,
.gold-text {
    color: #f0f098 !important;
}

.secondary-text,
.muted,
.hint-text {
    color: #c4c0a8 !important;
}

/* Buttons */
.hdr-user-bc .btn.sign-in,
.header-custom-buttons a[class*=promotions],
.hdr-user-bc a[class*=promotions],
.btn.a-color,
.hdr-toggle-button-bc {
    color: #f5f2ea !important;
    background: transparent !important;
    border: 1px solid rgba(61, 220, 58, 0.55) !important;
    border-radius: 8px !important;
}

.hdr-user-bc .btn.sign-in:hover,
.header-custom-buttons a[class*=promotions]:hover,
.hdr-user-bc a[class*=promotions]:hover,
.btn.a-color:hover,
.hdr-toggle-button-bc:hover {
    background: rgba(61, 220, 58, 0.14) !important;
    border-color: #3ddc3a !important;
}

.hdr-user-bc .btn.register {
    color: #12140c !important;
    background: linear-gradient(to bottom, #f0f098 0%, #e8c880 100%) !important;
    border: 1px solid #e8c880 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
}

.btn.s-color,
.btn.primary,
.deposit-btn {
    color: #0a0c06 !important;
    background: linear-gradient(to bottom, #5ef55a 0%, #3ddc3a 100%) !important;
    border: 1px solid #2a9e28 !important;
}

/* Nav */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item {
    color: #f5f2ea !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item > i,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item > i {
    background-image: linear-gradient(to bottom, #f0f098 0%, #e8c880 100%) !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item {
    background: rgba(61, 220, 58, 0.1) !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active,
.tab-bc.active,
.btn.active,
.selected {
    background: linear-gradient(to bottom, #5ef55a, #3ddc3a) !important;
    color: #0a0c06 !important;
    border-radius: 12px !important;
}

/* Odds */
.market-bc,
.market-bc .coeff-bc,
.market-bc .market-name-bc,
.odd_coefficient,
.eur-odd,
.coef,
.d-odd,
.coefficient-bc {
    color: #f5f2ea !important;
    background-color: rgba(46, 51, 26, 0.85) !important;
    border: 1px solid rgba(232, 200, 128, 0.18) !important;
}

.market-bc.active,
.market-bc.active * {
    background: #3ddc3a !important;
    color: #0a0c06 !important;
    border-color: #3ddc3a !important;
}

/* Profile */
.u-i-p-a-content-bc:before {
    content: "";
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.95 !important;
    background: radial-gradient(circle at 0% 100%, #2e331a, #212411 180%) !important;
}

.u-i-p-a-loyaltyPoint-bc {
    background-image: radial-gradient(circle at -14% 113%, #272b16, #3ddc3a) !important;
    border: 1px solid #e8c880 !important;
}

/* Mobile bottom nav */
.tab-navigation-bc,
.bottom-nav-bc,
.footer-menu-bc {
    background: #181a0e !important;
    border-top: 1px solid rgba(61, 220, 58, 0.25) !important;
}

.tab-navigation-bc .active,
.bottom-nav-bc .active {
    color: #5ef55a !important;
}

.footer-bc a:hover {
    color: #e8c880 !important;
}

/* ── Telegram / social: bottom-centered ── */
.footer-bc .social-icons-bc,
.footer-bc .social-bc,
.footer-social-bc,
.social-icons-holder-bc,
.footer-bc [class*="social"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.footer-bc .social-icons-bc a,
.footer-bc .social-bc a,
.footer-social-bc a,
.social-icons-holder-bc a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Promo / homepage telegram link row */
a[href*="t.me"],
a[href*="telegram"] {
    text-align: center;
}

#bk-promo-tg-modal .bk-tg-links,
#bk-promo-tg-modal [data-tg-links] {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 16px auto 0 !important;
}