:root {
    --cs-pr: #D4AF37 !important;
    --cs-sc: #F4C430 !important;
    --cs-dark: #000000 !important;
    --cs-white: #ffffff !important;

    --cs-gr-pr: #050505 !important;
    --cs-gr-sc: #0A0A0A !important;

    --cs-header-gradient: linear-gradient(to left, #000000 0%, #0A0A0A 50%, #000000 100%) !important;
    --cs-btn-gradient: linear-gradient(to bottom, #F4C430 0%, #D4AF37 100%) !important;
    --cs-icon-gradient: linear-gradient(to bottom, #F4C430 0%, #D4AF37 100%) !important;

    --yellow: #D4AF37 !important;
    --gold: #F4C430 !important;
    --orange: #D4AF37 !important;

    --hero: 212, 175, 55 !important;
    --header: 0, 0, 0 !important;
    --b: 0, 0, 0 !important;

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

body {
    background: radial-gradient(circle at top, #0a0a0a 0%, #000000 70%) !important;
    background-color: #000000 !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #ffffff !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: #050505 !important;
    background-color: #050505 !important;
}

/* HEADER GRADIENT */
.header-bc,
.nav-menu-sub {
    background: linear-gradient(
        to left,
        #000000 0%,
        #0A0A0A 50%,
        #000000 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: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

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

/* TEXT COLORS */
.text-yellow,
.yellow-text,
.gold-text {
    color: #D4AF37 !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: #ffffff !important;
    background: transparent !important;
    border: 1px solid #D4AF37 !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(212,175,55,.12) !important;
}

/* REGISTER BUTTON */
.hdr-user-bc .btn.register {
    color: #000000 !important;
    background: linear-gradient(
        to bottom,
        #F4C430 0%,
        #D4AF37 100%
    ) !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 8px !important;
    font-weight: 700 !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: #ffffff !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,
        #F4C430 0%,
        #D4AF37 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(212,175,55,.08) !important;
    box-shadow: 0 0 20px rgba(212,175,55,.15) !important;
}

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

.market-bc,
.market-bc .coeff-bc,
.market-bc .market-name-bc,
.odd_coefficient,
.eur-odd,
.coef,
.d-odd,
.coefficient-bc {
    color: #ffffff !important;
    background-color: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(212,175,55,.15) !important;
}

.market-bc.active,
.market-bc.active * {
    background: #D4AF37 !important;
    color: #000000 !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 0 15px rgba(212,175,55,.40) !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%,
        #0a0a0a,
        #000000 180%
    ) !important;
}

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

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

@keyframes pulse-force-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(212,175,55,.8);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(212,175,55,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(212,175,55,0);
    }
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="YILBA5I BİLETİ"]::after {
    animation: pulse-force-gold 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, #F4C430, #D4AF37) !important;
    color: #000000 !important;
    border-radius: 12px !important;
    box-shadow: 0 0 15px rgba(212,175,55,.30) !important;
}