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

/* BetGevin — logo mavi/siyah frontend (BG wordmark #00A1FC) */
:root {
    --cs-pr: #00A1FC !important;
    --cs-sc: #33B5FF !important;
    --cs-dark: #000000 !important;
    --cs-white: #ffffff !important;

    --cs-gr-pr: #04080d !important;
    --cs-gr-sc: #07111a !important;

    --cs-header-gradient: linear-gradient(to left, #000000 0%, #07111a 50%, #000000 100%) !important;
    --cs-btn-gradient: linear-gradient(to bottom, #33B5FF 0%, #00A1FC 100%) !important;
    --cs-icon-gradient: linear-gradient(to bottom, #33B5FF 0%, #00A1FC 100%) !important;

    --yellow: #00A1FC !important;
    --gold: #33B5FF !important;
    --orange: #00A1FC !important;

    --hero: 0, 161, 252 !important;
    --header: 0, 0, 0 !important;
    --b: 0, 0, 0 !important;
    --oc-1: 0, 161, 252 !important;
    --oc-2: 255, 255, 255 !important;
    --accent: 0, 161, 252 !important;
    --menu: 7, 17, 26 !important;
    --tab-navigation: 7, 17, 26 !important;

    --layout-width: 1670px;
    --cs-bg: none;
    --bg-radius: 12px;
    --bg-radius-lg: 20px;
    --bg-blue: #00A1FC;
    --bg-blue-bright: #33B5FF;
    --bg-panel: #04080d;
    --bg-panel-2: #07111a;
}

html {
    --b: 0, 0, 0 !important;
    --hero: 0, 161, 252 !important;
    --hero-sc: 255, 255, 255 !important;
    --oc-1: 0, 161, 252 !important;
    --oc-1-sc: 255, 255, 255 !important;
    --oc-1-hover: 51, 181, 255 !important;
    --brand: 0, 161, 252 !important;
    --header: 0, 0, 0 !important;
    --menu: 7, 17, 26 !important;
    --menu-sc: 255, 255, 255 !important;
    --header-sc: 255, 255, 255 !important;
    --accent: 0, 161, 252 !important;
    --oc-2: 255, 255, 255 !important;
}

html,
body,
#root,
.layout-bc,
body .layout-bc {
    background-color: #000000 !important;
    background-image: url("/bg.jpg?v=20261102bg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

body,
body .layout-bc,
.layout-bc {
    background-attachment: fixed !important;
}

html.is-mobile body,
html.is-mobile #root,
html.is-mobile .layout-bc,
html.is-mobile body .layout-bc {
    background-attachment: scroll !important;
}

body {
    color: #ffffff !important;
    font-family: "Quicksand", system-ui, sans-serif !important;
}

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

/* =========================
   LOGO / LOADER
========================= */

.hdr-logo-bc,
.logo-bc,
a.logo {
    display: flex !important;
    align-items: center !important;
    max-width: 250px !important;
}

.hdr-logo-bc img,
.logo-bc img,
a.logo img,
.header-bc .hdr-logo-bc img {
    height: 44px !important;
    max-height: 48px !important;
    width: auto !important;
    max-width: 240px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: drop-shadow(0 0 10px rgba(0, 161, 252, 0.4));
}

html.is-mobile .hdr-logo-bc,
html.is-mobile .logo-bc {
    max-width: 190px !important;
}

html.is-mobile .hdr-logo-bc img,
html.is-mobile .logo-bc img,
html.is-mobile a.logo img {
    height: 34px !important;
    max-height: 38px !important;
    max-width: 180px !important;
}

.bc-loader {
    background-color: #000000 !important;
    background-image: url("/bg.jpg?v=20261102bg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

.bc-loader .bc-loader-contain,
.bc-loader.big .bc-loader-contain {
    width: 236px !important;
    height: 168px !important;
}

.bc-loader.medium .bc-loader-contain {
    width: 120px !important;
    height: 86px !important;
}

.bc-loader.small .bc-loader-contain {
    width: 42px !important;
    height: 30px !important;
}

.bc-loader-contain > img,
.bc-loader-contain img,
.bc-loader img {
    width: 220px !important;
    height: 148px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    background: transparent !important;
    animation: bg-loader-pulse 1.7s ease-in-out infinite;
    filter: drop-shadow(0 0 18px rgba(0, 161, 252, 0.65));
}

.bc-loader.medium .bc-loader-contain > img,
.bc-loader.medium img {
    width: 110px !important;
    height: 74px !important;
}

.bc-loader.small .bc-loader-contain > img,
.bc-loader.small img {
    width: 38px !important;
    height: 26px !important;
    animation: none;
}

.bc-loader-contain:empty:before {
    border-color: rgba(0, 161, 252, 0.18) !important;
    border-top-color: #00A1FC !important;
}

@keyframes bg-loader-pulse {
    0%, 100% { transform: scale(0.92); opacity: 0.82; }
    50% { transform: scale(1.04); opacity: 1; }
}

/* =========================
   PANELS / SURFACES
========================= */

.header-bc,
.layout-content-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,
.popup-inner-bc,
.modal-content,
.dialog-content {
    background: var(--bg-panel) !important;
    background-color: var(--bg-panel) !important;
}

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

.layout-header-holder-bc {
    box-shadow: 0 1px 0 rgba(0, 161, 252, 0.12) !important;
}

.header-bc {
    padding: 0 5px !important;
}

div#root.layout-bc .layout-content-holder-bc {
    max-width: 1630px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
    background-image: none !important;
}


.layout-footer-holder-bc,
.layout-footer-holder-bc .footerWrapper,
.layout-footer-holder-bc .expandableContentWrapper,
.layout-footer-holder-bc .expandableContentData,
.layout-footer-holder-bc .custom-content-section,
.footer-bc {
    background: #07111a !important;
    background-color: #07111a !important;
    background-image: none !important;
}

.layout-footer-holder-bc {
    border-top: 1px solid rgba(0, 161, 252, 0.22) !important;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45) !important;
}

.layout-footer-holder-bc .horizontalSliderWrapper,
.layout-footer-holder-bc .horizontalSliderRow {
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
}

.layout-footer-holder-bc .sliderImage {
    width: auto !important;
    max-width: 160px !important;
    flex: 0 0 auto !important;
}

.layout-footer-holder-bc .sliderImage img {
    max-height: 72px !important;
    max-width: 140px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.layout-footer-holder-bc img[src*="qki1ke6k"] {
    background: transparent !important;
    padding: 0 !important;
    max-width: 180px !important;
}

.layout-footer-holder-bc img[src*="licences/"],
.layout-footer-holder-bc a[href*="veritralhub"] img,
.layout-footer-holder-bc a[href*="anjouan"] img {
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 6px 8px !important;
}
/* =========================
   HEADER BUTTONS
========================= */

.btn.sign-in,
.hdr-user-bc .btn.sign-in {
    padding: 0 15px !important;
    border-radius: var(--bg-radius) !important;
    height: 40px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid var(--bg-blue) !important;
}

.btn.register,
.hdr-user-bc .btn.register {
    padding: 0 15px !important;
    border-radius: var(--bg-radius) !important;
    height: 40px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: linear-gradient(to bottom, #33B5FF 0%, #00A1FC 100%) !important;
    border: 1px solid var(--bg-blue) !important;
    box-shadow: 0 0 14px rgba(0, 161, 252, 0.35) !important;
}

.hdr-user-bc .btn {
    border-radius: var(--bg-radius) !important;
}

.btn.a-color,
.hdr-toggle-button-bc,
.header-custom-buttons a[class*=promotions],
.hdr-user-bc a[class*=promotions] {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid rgba(0, 161, 252, 0.55) !important;
    border-radius: var(--bg-radius) !important;
}

.btn.a-color:hover,
.hdr-toggle-button-bc:hover,
.btn.sign-in:hover {
    background: rgba(0, 161, 252, 0.14) !important;
}

/* =========================
   TOP NAV
========================= */

.nav-menu-container.header-navigation:first-child {
    background: linear-gradient(90deg, #000000 0%, #0b1a26 50%, #000000 100%) !important;
    border-top: 1px solid rgba(0, 161, 252, 0.12);
    border-radius: 0 !important;
    padding: 7px;
}

.nav-menu-container .nav-menu > li {
    margin: 0 5px;
}

.nav-menu-container .nav-menu > li > .nav-menu-item,
.nav-menu-container .nav-menu-other > .nav-menu-item {
    text-transform: capitalize;
    border-radius: 10px !important;
    padding: 0 8px !important;
    font-weight: 600 !important;
    font-size: 14px;
    color: #ffffff !important;
}

.nav-menu-container .nav-menu > li > .nav-menu-item > i,
.nav-menu-container .nav-menu-other > .nav-menu-item > i {
    background: #10202c;
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.nav-menu-container .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper,
.nav-menu-container .nav-menu-other > .nav-menu-item > .CMSIconSVGWrapper {
    background: linear-gradient(to bottom, #33B5FF, #00A1FC);
    padding: 5px;
    width: 23px;
    height: 23px;
    border-radius: 40px;
}

.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 {
    box-shadow: none !important;
    background: rgba(0, 161, 252, 0.14) !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active,
.tab-bc.active,
.btn.active,
.selected {
    background: linear-gradient(to bottom, #33B5FF, #00A1FC) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 0 15px rgba(0, 161, 252, 0.32) !important;
}

.sport-search-icon-bc,
.sgm-market-search-icon,
.search-icon,
.favorite-icon,
.icon-star,
.star-icon i,
.active-icon {
    color: var(--bg-blue) !important;
    border-color: var(--bg-blue) !important;
}

.active,
.highlighted {
    border-color: var(--bg-blue) !important;
}

/* =========================
   CASINO / SLOTS / LIVE LOBBY
========================= */

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

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

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

.horizontalSliderElem img {
    filter: none !important;
    opacity: 1 !important;
}

.horizontal-sl-item-bc,
.casinoCategoryChooserContainer .horizontalSliderRow .horizontalSliderElem {
    border-radius: 10px !important;
}

.page-view-more {
    padding: 10px;
    background: linear-gradient(90deg, rgb(0 0 0) 0%, rgb(0 161 252 / 10%) 45%, rgb(0 0 0) 100%);
    border-radius: 10px;
}

.view-title-more {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--bg-blue);
}

a.view-see-more {
    background: var(--bg-blue);
    padding: 7px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}

.product-banner-container-bc {
    background: none !important;
    display: block !important;
    grid-template-columns: 1fr !important;
}

.is-home-page .product-banner-without-titles .product-banner-bc,
.product-banner-without-titles .product-banner-bc {
    width: 100% !important;
    height: auto !important;
    background: none !important;
}

.is-home-page .product-banner-without-titles .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: 20px;
    border: 1px solid rgba(0, 161, 252, 0.22) !important;
    display: block;
}

/* =========================
   POPUPS / CARDS
========================= */

.popup-inner-bc {
    border-radius: 10px !important;
    border: 2px solid var(--bg-blue) !important;
    padding-top: 10px !important;
    box-shadow: 0 -2px 60px rgba(0, 161, 252, 0.32) !important;
}

.storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before {
    background-image: linear-gradient(225deg, #00A1FC, #1a1a1a);
}

.footerLinkColTitle {
    font-weight: 600 !important;
    color: var(--bg-blue) !important;
}

/* =========================
   ODDS / MARKETS
========================= */

.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, 0.03) !important;
    border: 1px solid rgba(0, 161, 252, 0.16) !important;
    border-radius: 8px !important;
}

.market-bc.active,
.market-bc.active * {
    background: #00A1FC !important;
    color: #ffffff !important;
    border-color: #00A1FC !important;
    box-shadow: 0 0 15px rgba(0, 161, 252, 0.4) !important;
}

/* =========================
   LOYALTY
========================= */

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

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

/* =========================
   MISC
========================= */

.ftr-g-content-bc {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    padding: 14px 10px 8px !important;
    background: transparent !important;
}
.ftr-g-content-bc img {
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 6px 8px !important;
    max-height: 78px !important;
    width: auto !important;
    object-fit: contain !important;
}


.popup-holder-bc:not(.user-profile-container) {
    z-index: 1099999901 !important;
}

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

@keyframes pulse-force-blue {
    0% { box-shadow: 0 0 0 0 rgba(0, 161, 252, .8); }
    70% { box-shadow: 0 0 0 15px rgba(0, 161, 252, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 161, 252, 0); }
}

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

/* homepage: hide Live Casino games row */
.layout-bc.is-home-page .hm-row-bc.bg-hide-livecasino { display: none !important; }

.layout-footer-holder-bc img[src*="veritral-license"] {
    background: transparent !important;
    padding: 0 !important;
}