/**
 * LocalBet — Koyu mat mavi tema, beyaz yazı, mavi vurgular (PC + mobil).
 */
:root,
html {
    --lb-cyan: #2e9bb8;
    --lb-turquoise: #38b0c8;
    --lb-sky: #2478a8;
    --lb-brand: #1a6a9e;
    --lb-blue: #155580;
    --lb-mid: #0f3d5c;
    --lb-header: #0a2238;
    --lb-panel: #071928;
    --lb-deep: #040d16;
    --lb-void: #020810;

    --b: 4, 13, 22 !important;
    --b-hover: 7, 25, 40 !important;
    --b-sc: 255, 255, 255 !important;

    --header: 10, 34, 56 !important;
    --header-hover: 15, 61, 92 !important;
    --header-sc: 255, 255, 255 !important;

    --menu: 7, 25, 40 !important;
    --menu-hover: 15, 61, 92 !important;
    --menu-sc: 255, 255, 255 !important;

    --tab-navigation: 7, 25, 40 !important;
    --tab-navigation-hover: 15, 61, 92 !important;
    --tab-navigation-sc: 255, 255, 255 !important;

    --brand: 26, 106, 158 !important;
    --brand-hover: 36, 120, 168 !important;
    --brand-sc: 255, 255, 255 !important;

    --secondary: 21, 85, 128 !important;
    --secondary-hover: 15, 61, 92 !important;
    --secondary-sc: 255, 255, 255 !important;

    --accent: 46, 155, 184 !important;
    --accent-hover: 56, 175, 204 !important;
    --accent-sc: 255, 255, 255 !important;

    --hero: 26, 106, 158 !important;
    --hero-hover: 46, 155, 184 !important;
    --hero-sc: 255, 255, 255 !important;

    --odd-up: 46, 155, 184 !important;
    --odd-up-hover: 36, 120, 168 !important;
    --odd-up-sc: 255, 255, 255 !important;

    --oc-1: 26, 106, 158 !important;
    --oc-1-hover: 46, 155, 184 !important;
    --oc-1-sc: 255, 255, 255 !important;

    /* betcons uyumluluğu — mavi gradient (gold değil) */
    --gold: linear-gradient(135deg, #0f3d5c 0%, #1a6a9e 52%, #2478a8 100%);
    --meritbonus-gold: linear-gradient(135deg, #0a2238 0%, #155580 50%, #1a6a9e 100%);
    --accent-border: var(--lb-cyan);
    --accent-glow: var(--lb-sky);

    --lb-section-gap: 22px;
    --lb-card-gap: 12px;
}

body {
    background-color: var(--lb-void) !important;
    background-image: linear-gradient(180deg, var(--lb-deep) 0%, var(--lb-void) 100%) !important;
    color: #fff !important;
}

.layout-bc {
    background: transparent !important;
}

html.is-web .header-bc,
html.is-web .hdr-main-content-bc,
html.is-mobile .hdr-main-content-bc {
    background: var(--lb-header) !important;
}

html.is-mobile .tab-navigation-w-bc {
    background: var(--lb-panel) !important;
}

.btn.register,
button:not(.generic-search-btn, .generic-search-close-btn, .sp-button-bc, .tab-nav-item-bc, .hdr-toggle-button-bc),
.e-p-section-title-bc {
    background: var(--gold) !important;
    border-color: rgba(36, 120, 168, 0.55) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.btn.register:hover,
button:not(.generic-search-btn, .generic-search-close-btn, .sp-button-bc, .tab-nav-item-bc, .hdr-toggle-button-bc):hover {
    filter: brightness(1.1);
}

.btn.sign-in {
    background: var(--lb-panel) !important;
    border-color: rgba(36, 120, 168, 0.45) !important;
    color: #fff !important;
}

.nav-menu-item span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item span,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item span {
    color: var(--lb-cyan) !important;
    -webkit-text-fill-color: var(--lb-cyan) !important;
}

.nav-menu-container.header-navigation:first-child {
    border-top-color: rgba(26, 106, 158, 0.35) !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a,
.hdr-navigation-link-bc {
    background: var(--lb-panel) !important;
    border-right-color: rgba(15, 61, 92, 0.85) !important;
}

.header-bc {
    box-shadow: 0 8px 22px rgba(2, 8, 16, 0.65) !important;
    border-bottom: 1px solid rgba(26, 106, 158, 0.2) !important;
}

html.is-web .nav-content-bc {
    background: rgba(var(--menu), 0.98) !important;
    border-top: 1px solid rgba(26, 106, 158, 0.15) !important;
}

.tab-navigation-w-bc {
    border-color: rgba(26, 106, 158, 0.35) !important;
    background: var(--lb-panel) !important;
}

.tab-navigation-w-bc .tab-nav-icon-bc {
    color: var(--lb-cyan) !important;
    -webkit-text-fill-color: var(--lb-cyan) !important;
}

.tab-navigation-w-bc .tab-nav-title-bc {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

[dir="ltr"] .tab-navigation-w-bc .tab-nav-item-bc:not(.menu)::after {
    background: rgba(46, 155, 184, 0.25) !important;
}

.informative-widget-link .informative-widget-container span p a {
    color: var(--lb-cyan) !important;
}

.storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before {
    background-image: linear-gradient(225deg, var(--lb-brand), var(--lb-mid)) !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 {
    box-shadow: inset 0 -2px var(--lb-cyan) !important;
}

html.is-web .layout-header-holder-bc .header-bc,
html.is-web .layout-header-holder-bc .hdr-main-content-bc {
    overflow: visible !important;
}

html.is-web .smartPanel-bc {
    position: relative;
    z-index: 50;
    overflow: visible !important;
}

html.is-web #smart-panel-holder {
    position: relative;
    z-index: 51;
    pointer-events: auto !important;
    cursor: pointer !important;
}

html.is-web .hdr-smart-panel-holder-arrow-bc {
    pointer-events: auto !important;
    position: absolute !important;
    top: 42px !important;
    z-index: 10095 !important;
}

html.is-web .hdr-smart-panel-holder-bc {
    position: relative;
    z-index: 10096 !important;
    box-shadow: 0 8px 28px rgba(2, 8, 16, 0.6) !important;
}

html.is-web .smartPanel-bc .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) {
    position: fixed !important;
    top: calc(var(--desktop-header-full-height, 106px) + 8px) !important;
    right: 12px !important;
    left: auto !important;
    width: min(360px, calc(100vw - 24px)) !important;
    z-index: 10100 !important;
}

html.is-web #root.layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

#root.is-home-page > .layout-content-holder-bc {
    padding-top: 6px;
    padding-bottom: 24px;
}

#root.is-home-page > .layout-content-holder-bc > .hm-row-bc {
    margin-bottom: var(--lb-section-gap);
}

#root.is-home-page > .layout-content-holder-bc > .hm-row-bc:last-child {
    margin-bottom: 0;
}

#root.is-home-page #homeQuickBannersGrid {
    gap: var(--lb-card-gap) !important;
}

#root.is-home-page .page-view-more {
    margin-bottom: 14px;
    padding-top: 6px;
}

#root.is-home-page .games-content {
    padding-top: 4px;
}

#root.is-home-page .hm-row-bc.home-quick-banners-row {
    margin-top: 4px;
    margin-bottom: calc(var(--lb-section-gap) + 2px);
}

html.is-web {
    --lb-page-inline-pad: clamp(28px, 3.2vw, 52px);
}

html.is-web #root > .layout-content-holder-bc,
html.is-web #root > .layout-footer-holder-bc {
    width: 100%;
    max-width: min(var(--layout-width, 1580px), calc(100vw - (var(--lb-page-inline-pad) * 2)));
    margin-inline: auto;
    padding-inline: var(--lb-page-inline-pad) !important;
    box-sizing: border-box;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc {
    max-width: min(var(--layout-width, 1580px), calc(100vw - (var(--lb-page-inline-pad) * 2)));
    margin-inline: auto;
    padding-inline: var(--lb-page-inline-pad) !important;
    box-sizing: border-box;
}

html.is-web .layout-header-holder-bc .nav-content-bc .nav-menu-container {
    max-width: min(var(--layout-width, 1580px), calc(100vw - (var(--lb-page-inline-pad) * 2)));
    margin-inline: auto;
    padding-inline: var(--lb-page-inline-pad);
    box-sizing: border-box;
}

html.is-web .layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    padding-block: 0 !important;
}

html.is-web .layout-bc.page-full-size .layout-content-holder-bc,
html.is-web .layout-bc.page-full-size .layout-footer-holder-bc {
    max-width: min(var(--layout-width, 1580px), calc(100vw - (var(--lb-page-inline-pad) * 2))) !important;
    margin-inline: auto !important;
    padding-inline: var(--lb-page-inline-pad) !important;
    box-sizing: border-box;
}

html.is-web .layout-bc:not(.page-full-size) .layout-content-holder-bc,
html.is-web .layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    padding-inline: var(--lb-page-inline-pad) !important;
}

.product-banner-container-bc,
.casino-game-item,
.market-bc,
.accordion-button,
.sdr-item-holder-bc {
    border-color: rgba(26, 106, 158, 0.2) !important;
}

.btn.a-color:not(.register) {
    background: var(--gold) !important;
    border-color: rgba(36, 120, 168, 0.5) !important;
    color: #fff !important;
}

.page-view-more .view-see-more {
    color: var(--lb-cyan) !important;
}

.page-view-more .view-see-more:hover {
    color: var(--lb-sky) !important;
}

/* Logo: tüm gölge/parlama efektlerini kapat */
html.is-web .layout-header-holder-bc .logo-container .logo,
html.is-mobile .layout-header-holder-bc .logo-container .logo,
html.is-web .layout-header-holder-bc .logo-container .hdr-logo-bc,
html.is-mobile .layout-header-holder-bc .logo-container .hdr-logo-bc {
    filter: none !important;
    -webkit-filter: none !important;
    animation: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html.is-web .layout-header-holder-bc .logo-container .logo::before,
html.is-web .layout-header-holder-bc .logo-container .logo::after,
html.is-mobile .layout-header-holder-bc .logo-container .logo::before,
html.is-mobile .layout-header-holder-bc .logo-container .logo::after {
    display: none !important;
    content: none !important;
}