:root {
    /* Sekerbet palette — 3 ana: bordo + pembe + altın */
    --sb-bordo: #360016 !important;
    --sb-visne: #520020 !important;
    --sb-pembe: #D9005B !important;
    --sb-neon: #FF1670 !important;
    --sb-altin: #F5BE32 !important;
    --sb-altin-parlak: #FFD65A !important;
    --sb-siyah: #160008 !important;
    --sb-yazi: #F5EDF1 !important;
    --sb-yazi-ikincil: #CDBBC3 !important;

    --cs-pr: #D9005B !important;
    --cs-sc: #F5BE32 !important;
    --cs-dark: #160008 !important;
    --cs-white: #F5EDF1 !important;

    --cs-gr-pr: #360016 !important;
    --cs-gr-sc: #520020 !important;

    --cs-header-gradient: linear-gradient(to left, #160008 0%, #360016 50%, #160008 100%) !important;
    --cs-btn-gradient: linear-gradient(to bottom, #FF1670 0%, #D9005B 100%) !important;
    --cs-icon-gradient: linear-gradient(to bottom, #FFD65A 0%, #F5BE32 100%) !important;

    --yellow: #F5BE32 !important;
    --gold: #FFD65A !important;
    --orange: #D9005B !important;

    --hero: 217, 0, 91 !important;
    --header: 22, 0, 8 !important;
    --b: 54, 0, 22 !important;
    --accent: 255, 22, 112 !important;
    --oc-1: 245, 190, 50 !important;
    --oc-2: 245, 237, 241 !important;
    --menu: 54, 0, 22 !important;
    --tab-navigation: 22, 0, 8 !important;

    --layout-width: 1670px;
    --cs-bg: none;
}

body {
    background: radial-gradient(circle at top, #520020 0%, #360016 45%, #160008 100%) !important;
    background-color: #360016 !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #F5EDF1 !important;
}

/* =========================
   MAIN BACKGROUNDS
========================= */

.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,
.right-menu-container,
.center-column-container,
.betslip-holder-bc,
.betslip-bc,
.footer-bc,
.popup-inner-bc,
.modal-content,
.dialog-content {
    background: #360016 !important;
    background-color: #360016 !important;
}

.card-bc,
.widget-bc,
.panel-bc,
.u-i-p-a-content-bc,
.betslip-content-bc {
    background-color: #520020 !important;
}

/* HEADER GRADIENT */
.header-bc,
.nav-menu-sub {
    background: linear-gradient(
        to left,
        #160008 0%,
        #360016 50%,
        #160008 100%
    ) !important;
}

/* =========================
   ICONS / ACTIVE COLORS
========================= */

.sport-search-icon-bc,
.sgm-market-search-icon,
.search-icon,
.favorite-icon,
.icon-star,
.star-icon i,
.active-icon {
    color: #F5BE32 !important;
    border-color: #F5BE32 !important;
}

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

/* TEXT COLORS */
.text-yellow,
.yellow-text,
.gold-text {
    color: #F5BE32 !important;
}

.secondary-text,
.muted,
.hint-text {
    color: #CDBBC3 !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: #F5EDF1 !important;
    background: transparent !important;
    border: 1px solid #F5BE32 !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(217, 0, 91, 0.18) !important;
    border-color: #FF1670 !important;
}

/* REGISTER BUTTON */
.hdr-user-bc .btn.register {
    color: #160008 !important;
    background: linear-gradient(
        to bottom,
        #FFD65A 0%,
        #F5BE32 100%
    ) !important;
    border: 1px solid #F5BE32 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
}

.btn.s-color,
.btn.primary,
.deposit-btn {
    color: #F5EDF1 !important;
    background: linear-gradient(to bottom, #FF1670 0%, #D9005B 100%) !important;
    border: 1px solid #D9005B !important;
}

/* =========================
   NAV MENU
========================= */

.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: #F5EDF1 !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,
        #FFD65A 0%,
        #F5BE32 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(217, 0, 91, 0.14) !important;
    box-shadow: 0 0 20px rgba(255, 22, 112, 0.2) !important;
}

/* =========================
   MARKET / ODDS
========================= */

.market-bc,
.market-bc .coeff-bc,
.market-bc .market-name-bc,
.odd_coefficient,
.eur-odd,
.coef,
.d-odd,
.coefficient-bc {
    color: #F5EDF1 !important;
    background-color: rgba(82, 0, 32, 0.65) !important;
    border: 1px solid rgba(245, 190, 50, 0.22) !important;
}

.market-bc.active,
.market-bc.active * {
    background: #D9005B !important;
    color: #F5EDF1 !important;
    border-color: #FF1670 !important;
    box-shadow: 0 0 15px rgba(255, 22, 112, 0.45) !important;
}

/* =========================
   LOYALTY / HERO AREA
========================= */

.u-i-p-a-content-bc:before {
    content: "";
    position: absolute !important;
    inset: 0 !important;
    opacity: .95 !important;
    background: radial-gradient(
        circle at 0% 100%,
        #520020,
        #360016 60%,
        #160008 180%
    ) !important;
}

.u-i-p-a-loyaltyPoint-bc {
    background-image: radial-gradient(
        circle at -14% 113%,
        #360016,
        #D9005B
    ) !important;
    border: 1px solid #F5BE32 !important;
}

/* =========================
   ANIMATION
========================= */

@keyframes pulse-force-pink {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 22, 112, 0.8);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 22, 112, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 22, 112, 0);
    }
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="YILBA5I BİLETİ"]::after {
    animation: pulse-force-pink 2s infinite !important;
}

/* =========================
   ACTIVE STATES
========================= */

.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, #FF1670, #D9005B) !important;
    color: #F5EDF1 !important;
    border-radius: 12px !important;
    box-shadow: 0 0 15px rgba(255, 22, 112, 0.35) !important;
}

/* Bottom nav / mobile tabs */
.tab-navigation-bc,
.bottom-nav-bc,
.footer-menu-bc {
    background: #160008 !important;
    border-top: 1px solid rgba(217, 0, 91, 0.35) !important;
}

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