@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');

/* Bayspin mobile — TopHill/Betkral polish, gold/black unchanged */
: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;
    --oc-1: 212, 175, 55 !important;
    --oc-2: 255, 255, 255 !important;
    --accent: 212, 175, 55 !important;
    --menu: 10, 10, 10 !important;
    --bm-radius: 10px;
    --bm-radius-lg: 16px;
    --bm-gold: #D4AF37;
}

html {
    --b: 0, 0, 0 !important;
    --hero: 212, 175, 55 !important;
    --oc-1: 212, 175, 55 !important;
    --brand: 212, 175, 55 !important;
    --header: 0, 0, 0 !important;
    --menu: 10, 10, 10 !important;
    --accent: 212, 175, 55 !important;
    --oc-2: 255, 255, 255 !important;
}

body {
    background: radial-gradient(circle at top, #0a0a0a 0%, #000000 70%) !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: "Quicksand", system-ui, sans-serif !important;
}

.layout-bc {
    background-color: #000000 !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

.snowflake,
.YoPhoneApp,
.switch-popup-wrapper,
in-auth-popup {
    display: none !important;
}

.header-bc,
.layout-content-holder-bc,
.layout-footer-holder-bc,
.nav-menu-container,
.footer-bc,
.popup-inner-bc {
    background: #050505 !important;
}

.btn.sign-in {
    padding: 9px 10px !important;
    border-radius: var(--bm-radius) !important;
    height: 34px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: transparent !important;
    border: 1px solid var(--bm-gold) !important;
}

.btn.register {
    padding: 9px 10px !important;
    border-radius: var(--bm-radius) !important;
    height: 34px !important;
    font-weight: 700 !important;
    color: #000 !important;
    background: linear-gradient(to bottom, #F4C430, #D4AF37) !important;
    border: 1px solid var(--bm-gold) !important;
}

.user-nav-icon {
    color: #000 !important;
    background: var(--bm-gold) !important;
}

.nav-menu-container .nav-menu > li > .nav-menu-item,
.nav-menu-container .nav-menu-other > .nav-menu-item {
    border-radius: 10px !important;
    font-weight: 600 !important;
}

.nav-menu-item.active,
.tab-bc.active,
.selected {
    background: linear-gradient(to bottom, #F4C430, #D4AF37) !important;
    color: #000 !important;
    border-radius: 10px !important;
}

.sdr-item-bc {
    border-radius: 10px !important;
}

.sdr-item-bc:before {
    display: none !important;
}

.horizontalSliderElem {
    background: none !important;
    padding: 0 !important;
}

.popup-inner-bc {
    border-radius: 10px !important;
    border: 2px solid var(--bm-gold) !important;
    box-shadow: 0 -2px 40px rgba(212, 175, 55, 0.3) !important;
}

.sport-search-icon-bc,
.search-icon,
.favorite-icon,
.active-icon {
    color: var(--bm-gold) !important;
}

.market-bc.active,
.market-bc.active * {
    background: #D4AF37 !important;
    color: #000 !important;
}

.iframe-widget.bm-veritral-cark {
    display: block;
    width: 100%;
    min-height: calc(100vh - 120px);
    border: 0;
    background: #000;
}

/* Alt orta payment banner — full width (SPA height:28px / col-4 küçültüyordu) */
.product-banner-container-bc {
    background: none !important;
    display: block !important;
    grid-template-columns: 1fr !important;
    padding: 0 0 10px !important;
}

.product-banner-container-bc .product-banner-info-bc.product-banner-bc,
.product-banner-without-titles .product-banner-bc {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    background: none !important;
}

.product-banner-container-bc .product-banner-img-bc,
.product-banner-without-titles .product-banner-img-bc {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 12px;
    display: block;
}

/* bm-th: hide gunun kombinasyonu only */
.express-of-the-day-bc,
.multiple-of-the-day-bc,
[class*="ExpressOfTheDay"],
[class*="MultipleOfTheDay"],
[class*="expressOfTheDay"],
[class*="ExpressOfTheDayWidget"] {
  display: none !important;
}