:root {
    --cs-pr: #E50914 !important;
    --cs-sc: #FF1A1A !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,
        #FF1A1A 0%,
        #E50914 100%
    ) !important;

    --cs-icon-gradient: linear-gradient(
        to bottom,
        #FF1A1A 0%,
        #E50914 100%
    ) !important;

    --yellow: #E50914 !important;
    --gold: #FF1A1A !important;
    --orange: #E50914 !important;

    --hero: 229, 9, 20 !important;
    --header: 0, 0, 0 !important;
    --b: 0, 0, 0 !important;

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


/* =========================
   BODY
========================= */

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
========================= */

.header-bc,
.nav-menu-sub {
    background: linear-gradient(
        to left,
        #000000 0%,
        #0A0A0A 50%,
        #000000 100%
    ) !important;
}


/* =========================
   RED GLOW
========================= */

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


/* =========================
   ACTIVE BORDER
========================= */

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


/* =========================
   TEXT COLORS
========================= */

.text-yellow,
.yellow-text,
.gold-text {
    color: #E50914 !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 #E50914 !important;

    border-radius: 8px !important;

    transition: all .2s ease !important;
}


/* BUTTON HOVER */

.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(229, 9, 20, .12) !important;

    border-color: #FF1A1A !important;

    box-shadow:
        0 0 12px rgba(229, 9, 20, .25) !important;
}


/* =========================
   REGISTER BUTTON
========================= */

.hdr-user-bc .btn.register {

    color: #ffffff !important;

    background: linear-gradient(
        to bottom,
        #FF1A1A 0%,
        #E50914 100%
    ) !important;

    border: 1px solid #E50914 !important;

    border-radius: 8px !important;

    font-weight: 700 !important;

    box-shadow:
        0 0 12px rgba(229, 9, 20, .20) !important;

    transition: all .2s ease !important;
}


/* REGISTER HOVER */

.hdr-user-bc .btn.register:hover {

    background: linear-gradient(
        to bottom,
        #FF2A2A 0%,
        #E50914 100%
    ) !important;

    box-shadow:
        0 0 20px rgba(229, 9, 20, .40) !important;

    transform: translateY(-1px);
}


/* =========================
   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 ICONS */

.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,
        #FF1A1A 0%,
        #E50914 100%
    ) !important;
}


/* NAV HOVER */

.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(229, 9, 20, .08) !important;

    box-shadow:
        0 0 20px rgba(229, 9, 20, .15) !important;

    color: #FF1A1A !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(229,9,20,.15) !important;

    transition: all .2s ease !important;
}


/* MARKET HOVER */

.market-bc:hover {

    border-color:
        rgba(229,9,20,.45) !important;

    background:
        rgba(229,9,20,.06) !important;
}


/* ACTIVE MARKET */

.market-bc.active,
.market-bc.active * {

    background: #E50914 !important;

    color: #ffffff !important;

    border-color: #E50914 !important;

    box-shadow:
        0 0 15px rgba(229,9,20,.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,
        #E50914
    ) !important;

    border:
        1px solid #E50914 !important;

    box-shadow:
        0 0 20px rgba(229,9,20,.20) !important;
}


/* =========================
   RED PULSE ANIMATION
========================= */

@keyframes pulse-force-red {

    0% {
        box-shadow:
            0 0 0 0 rgba(229,9,20,.8);
    }

    70% {
        box-shadow:
            0 0 0 15px rgba(229,9,20,0);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(229,9,20,0);
    }
}


.nav-menu-container.header-navigation:first-child
.nav-menu > li > .nav-menu-item[aria-label="YILBA5I BİLETİ"]::after {

    animation:
        pulse-force-red 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,
        #FF1A1A,
        #E50914
    ) !important;

    color: #ffffff !important;

    border-radius: 12px !important;

    border-color: #E50914 !important;

    box-shadow:
        0 0 15px rgba(229,9,20,.30) !important;
}


/* =========================
   INPUT / FORM ELEMENTS
========================= */

input,
textarea,
select {

    background-color: #050505 !important;

    color: #ffffff !important;

    border:
        1px solid rgba(229,9,20,.25) !important;
}


input:focus,
textarea:focus,
select:focus {

    border-color:
        #E50914 !important;

    box-shadow:
        0 0 10px rgba(229,9,20,.20) !important;

    outline: none !important;
}


/* =========================
   CHECKBOX / RADIO
========================= */

input[type="checkbox"]:checked,
input[type="radio"]:checked {

    accent-color: #E50914 !important;
}


/* =========================
   SCROLLBAR
========================= */

::-webkit-scrollbar {
    width: 6px !important;
}

::-webkit-scrollbar-track {
    background: #000000 !important;
}

::-webkit-scrollbar-thumb {

    background:
        linear-gradient(
            to bottom,
            #FF1A1A,
            #8B0000
        ) !important;

    border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover {

    background:
        #E50914 !important;
}


/* =========================
   LINKS
========================= */

a {
    color: #ffffff !important;
}

a:hover {
    color: #FF1A1A !important;
}


/* =========================
   RED GLOW EFFECT
========================= */

.red-glow {
    box-shadow:
        0 0 15px rgba(229,9,20,.35) !important;
}


/* =========================
   BADGES
========================= */

.badge,
.label,
.notification-badge {

    background:
        linear-gradient(
            to bottom,
            #FF1A1A,
            #E50914
        ) !important;

    color: #ffffff !important;

    border-color:
        #E50914 !important;
}


/* =========================
   LOADING
========================= */

.loader,
.spinner {

    border-color:
        rgba(229,9,20,.20) !important;

    border-top-color:
        #E50914 !important;
}


/* =========================
   SELECTION
========================= */

::selection {

    background:
        #E50914 !important;

    color:
        #ffffff !important;
}