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

html, body, * {
    font-family: 'Tomorrow', 'Poppins', sans-serif !important;
}

html body,
.layout-bc {
    background: #020a12 !important;
}

.layout-content-holder-bc {
    background: #020a12 !important;
    padding-top: 20px !important;
}

.hm-row-bc {
    margin-bottom: 20px !important;
    padding: 0 !important;
}

.hm-row-bc:last-child {
    margin-bottom: 0 !important;
}

.ftr-g-content-bc,
.casino-category-bc,
.live-casino-category-bc {
    padding: 16px !important;
    margin-bottom: 16px !important;
}

.view-title-more {
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    border-bottom: none !important;
}

.header-bc,
header.header-bc {
    background: #020a12 !important;
    border-color: transparent !important;
    padding: 16px 24px !important;
    min-height: 80px !important;
}

.hdr-main-content-bc {
    background: #020a12 !important;
}

/* Layout header holder - navbar altındaki çizgiyi kaldır */
.layout-header-holder-bc {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.nav-content-bc {
    background: #020a12 !important;
    border-color: transparent !important;
    border-bottom: none !important;
    padding: 16px 24px !important;
}

.nav-menu-container,
.nav-menu-container.header-navigation,
.nav-menu-container.header-navigation:first-child {
    background: #020a12 !important;
    border-bottom: none !important;
}

.nav-menu,
ul.nav-menu {
    background: #020a12 !important;
    display: flex !important;
    gap: 6px !important;
    border-bottom: none !important;
}

.nav-menu-item,
a.nav-menu-item,
.nav-menu-container.header-navigation .nav-menu-item,
.nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item {
    color: #ffffff !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    font-family: 'Tomorrow', sans-serif !important;
    padding: 14px 20px !important;
    min-height: 52px !important;
}

.nav-menu-item:hover,
a.nav-menu-item:hover,
#headerMainMenu .nav-menu-item:hover,
#headerMainMenu a.nav-menu-item:hover {
    color: #000000 !important;
    background: #ffffff !important;
    border: none !important;
    border-top: none !important;
    box-shadow: none !important;
}

.nav-menu-item:hover i,
.nav-menu-item:hover span,
a.nav-menu-item:hover i,
a.nav-menu-item:hover span,
#headerMainMenu .nav-menu-item:hover i,
#headerMainMenu .nav-menu-item:hover span,
#headerMainMenu a.nav-menu-item:hover i,
#headerMainMenu a.nav-menu-item:hover span,
#headerMainMenu .nav-menu-item:hover [class^="bc-i-"] {
    color: #000000 !important;
}

.nav-menu-item:hover::before,
a.nav-menu-item:hover::before,
#headerMainMenu .nav-menu-item:hover::before,
#headerMainMenu a.nav-menu-item:hover::before,
.nav-menu-item:hover::after,
a.nav-menu-item:hover::after,
#headerMainMenu .nav-menu-item:hover::after,
#headerMainMenu a.nav-menu-item:hover::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    border: none !important;
    height: 0 !important;
}

.nav-menu-item.active,
a.nav-menu-item.active,
.nav-menu li.active .nav-menu-item {
    color: #ffffff !important;
    background: #0096c7 !important;
}

.nav-menu-item i,
.nav-menu-item [class^="bc-i-"],
.nav-menu-item::before {
    color: #ffffff !important;
}

.nav-menu-item span {
    color: #ffffff !important;
    font-family: 'Tomorrow', sans-serif !important;
}

.nav-menu-other,
.nav-menu-other > .nav-menu-item {
    color: #ffffff !important;
    background: transparent !important;
    font-family: 'Tomorrow', sans-serif !important;
}

.nav-menu-sub {
    background: #061828 !important;
    border-color: rgba(0,150,199,0.2) !important;
}

.nav-menu-sub .nav-menu-item {
    color: #ffffff !important;
    font-family: 'Tomorrow', sans-serif !important;
}

.btn.sign-in {
    background: rgba(6,24,40,0.6) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    height: 31px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.btn.sign-in:hover {
    background: rgba(10,37,64,0.8) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(0,150,199,0.2) !important;
}

/* text-pulse kaldırıldı - sadece buton pulse olacak, text sabit kalacak */

.btn.register {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    border: none !important;
    color: #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 8px 20px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    box-shadow: 0 4px 16px rgba(251,191,36,0.4) !important;
    transition: all 0.3s ease !important;
    height: 31px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.btn.register span {
    color: #000000 !important;
    text-decoration: none !important;
}

.btn.register:hover {
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(251,191,36,0.5) !important;
}

.btn.register:hover span {
    text-decoration: none !important;
}

/* Header'daki a-color butonları (Telegram vs.) - SADECE HEADER */
.header-bc .btn.a-color,
.hdr-main-content-bc .btn.a-color,
.header-bc .header-icon-text,
.hdr-main-content-bc .header-icon-text {
    background: rgba(6,24,40,0.6) !important;
    color: #7ba3c4 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    height: 31px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.header-bc .btn.a-color:hover,
.hdr-main-content-bc .btn.a-color:hover,
.header-bc .header-icon-text:hover,
.hdr-main-content-bc .header-icon-text:hover {
    background: rgba(10,37,64,0.8) !important;
    color: #00b4d8 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(0,150,199,0.15) !important;
}

/* Header'daki profil ve bakiye butonları */
.header-user-nav .nav-menu-other .nav-menu-item,
.header-bc .nav-menu-other .nav-menu-item,
.header-bc .nav-menu-container.header-user-nav .nav-menu-item,
.nav-menu-container.header-user-nav .nav-menu-other > li > a {
    background: rgba(6,24,40,0.6) !important;
    color: #7ba3c4 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.header-user-nav .nav-menu-other .nav-menu-item:hover,
.header-bc .nav-menu-other .nav-menu-item:hover,
.header-bc .nav-menu-container.header-user-nav .nav-menu-item:hover,
.nav-menu-container.header-user-nav .nav-menu-other > li > a:hover {
    background: rgba(10,37,64,0.8) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(0,150,199,0.15) !important;
}

/* Hover'da içindeki text'leri ve ikonları beyaz yap */
.header-user-nav .nav-menu-other .nav-menu-item:hover span,
.header-bc .nav-menu-other .nav-menu-item:hover span,
.header-bc .nav-menu-container.header-user-nav .nav-menu-item:hover span,
.nav-menu-container.header-user-nav .nav-menu-other > li > a:hover span,
.header-user-nav .nav-menu-other .nav-menu-item:hover .hdr-user-info-texts-bc,
.header-bc .nav-menu-other .nav-menu-item:hover .hdr-user-info-texts-bc,
.header-bc .nav-menu-container.header-user-nav .nav-menu-item:hover .hdr-user-info-texts-bc,
.nav-menu-container.header-user-nav .nav-menu-other > li > a:hover .hdr-user-info-texts-bc {
    color: #ffffff !important;
}

.header-user-nav .nav-menu-other .nav-menu-item:hover i,
.header-bc .nav-menu-other .nav-menu-item:hover i,
.header-bc .nav-menu-container.header-user-nav .nav-menu-item:hover i,
.nav-menu-container.header-user-nav .nav-menu-other > li > a:hover i,
.header-user-nav .nav-menu-other .nav-menu-item:hover [class^="bc-i-"],
.header-bc .nav-menu-other .nav-menu-item:hover [class^="bc-i-"],
.header-bc .nav-menu-container.header-user-nav .nav-menu-item:hover [class^="bc-i-"],
.nav-menu-container.header-user-nav .nav-menu-other > li > a:hover [class^="bc-i-"] {
    color: #ffffff !important;
}

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

.sp-button-bc {
    background: #0a2540 !important;
}

.sp-button-bc:hover {
    background: #0d3050 !important;
}

.sp-button-icon-bc,
.sp-button-icon-bc::before {
    color: #7ba3c4 !important;
}

.sp-button-bc:hover .sp-button-icon-bc,
.sp-button-bc:hover .sp-button-icon-bc::before {
    color: #00b4d8 !important;
}

.hdr-toggle-button-bc {
    color: #dfa512 !important;
}

.hdr-toggle-button-bc.active,
.hdr-toggle-button-bc:active,
.smartPanel-bc.active .hdr-toggle-button-bc {
    color: #000000 !important;
}

.sidePanel-holder-bc,
.sidePanel-holder {
    background: #041220 !important;
    border-color: rgba(0,150,199,0.15) !important;
}

.overlay-header {
    background: #061828 !important;
    border-color: rgba(0,150,199,0.15) !important;
}

.overlay-header span {
    color: #ffffff !important;
}

.overlay-header .bc-i-close-remove {
    color: #7ba3c4 !important;
}

.tab-bc,
.second-tabs-bc .tab-bc {
    color: #7ba3c4 !important;
    background: transparent !important;
}

.tab-bc.active,
.tab-bc:hover {
    color: #ffffff !important;
}

.tab-bc.active {
    border-color: #0096c7 !important;
}

.slider-bc,
.carousel,
.carousel-viewport {
    background: transparent !important;
}

.ftr-g-content-bc {
    background: transparent !important;
}

.ftr-game-item-bc {
    background: #041220 !important;
    border-color: rgba(0,150,199,0.12) !important;
}

.ftr-game-item-bc:hover {
    border-color: rgba(0,150,199,0.12) !important;
}

.ftr-g-i-head-bc {
    background: #041220 !important;
    border-color: rgba(0,150,199,0.1) !important;
}

.ftr-g-i-title-bc,
.ftr-g-title-bc {
    color: #00b4d8 !important;
}

.ftr-g-i-body-bc {
    background: #041220 !important;
}

.ftr-g-i-b-opp-title-bc {
    color: #ffffff !important;
}

.ftr-g-i-b-time-bc {
    color: #7ba3c4 !important;
}

.ftr-g-i-b-opp-logo-bc {
    background: #041220 !important;
    border-color: rgba(0,150,199,0.2) !important;
}

.market-group-holder-bc {
    background: #041220 !important;
    border-color: rgba(0,150,199,0.1) !important;
}

.sgm-market-g-i-cell-bc,
.market-bc {
    background: #041220 !important;
    border: 1px solid rgba(0,150,199,0.3) !important;
}

.sgm-market-g-i-cell-bc:hover,
.market-bc:hover {
    background: #041220 !important;
    border-color: #0096c7 !important;
}

.market-coefficient-bc {
    color: #fbbf24 !important;
}

.market-odd-bc {
    color: #ffffff !important;
}

/* Casino kartları için pulse animasyonu */
@keyframes card-pulse {
    0%, 100% {
        box-shadow: 0 4px 12px rgba(0,0,0,0.3), 0 0 0 0 rgba(251,191,36,0.3);
    }
    50% {
        box-shadow: 0 4px 12px rgba(0,0,0,0.3), 0 0 12px 4px rgba(251,191,36,0.25);
    }
}

.casino-game-item,
.casino-game-item-block {
    background: #061828 !important;
    border: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    aspect-ratio: 3/4 !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
}

.casino-game-item:hover,
.casino-game-item-block:hover {
    border: none !important;
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 12px 30px rgba(251,191,36,0.4), 0 4px 12px rgba(0,0,0,0.4) !important;
    z-index: 10 !important;
}

.casino-game-item:hover img,
.casino-game-item-block:hover img {
    transform: scale(1.05) !important;
}

.casino-game-item img,
.casino-game-item-block img {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Casino kart wrapper/container arka planı */
.casino-game-item-holder,
.casino-game-item-bc,
.game-item-bc {
    background: transparent !important;
    border-radius: 12px !important;
}

.casino-game-item img,
.casino-game-item-block img {
    border-radius: 12px 12px 0 0 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    aspect-ratio: 3/4 !important;
}

.casino-game-item-image-bc {
    border-radius: 12px 12px 0 0 !important;
    aspect-ratio: 3/4 !important;
    overflow: hidden !important;
}

.casino-game-item-image-bc img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.casino-game-item-content {
    background: transparent !important;
    padding: 10px 0 0 0 !important;
    border-radius: 12px !important;
}

.casino-game-item-label-bc {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

@keyframes pulse-attention {
    0% {
        box-shadow: 0 0 0 0 rgba(251,191,36,0.8), 0 0 0 0 rgba(251,191,36,0.4);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 10px 3px rgba(251,191,36,0.6), 0 0 20px 6px rgba(251,191,36,0.2);
        transform: scale(1.02);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(251,191,36,0), 0 0 0 0 rgba(251,191,36,0);
        transform: scale(1);
    }
}

.view-see-more,
a.view-see-more {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 12px 24px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    animation: pulse-attention 1.5s ease-in-out infinite !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.view-see-more:hover,
a.view-see-more:hover {
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%) !important;
    transform: scale(1.1) !important;
    animation: none !important;
    box-shadow: 0 0 30px 12px rgba(251,191,36,0.7) !important;
}

.view-see-more i,
.view-arrow-more {
    color: #000000 !important;
}

.form-control-bc,
.form-control-bc.select {
    background: #0a2540 !important;
    border-color: rgba(0,150,199,0.2) !important;
    color: #ffffff !important;
}

/* Dil seçici - container'dan taşmasın - SADECE HEADER */
.header-bc .form-control-bc.select.compact-mode,
.hdr-main-content-bc .form-control-bc.select.compact-mode {
    min-width: 100px !important;
    max-width: 120px !important;
    padding: 0 12px !important;
    margin-right: 8px !important;
}

.header-bc .form-control-bc.select.compact-mode .form-control-label-bc,
.hdr-main-content-bc .form-control-bc.select.compact-mode .form-control-label-bc {
    padding: 0 !important;
    gap: 4px !important;
}

.header-bc .form-control-bc.select.compact-mode .ellipsis,
.hdr-main-content-bc .form-control-bc.select.compact-mode .ellipsis {
    font-size: 11px !important;
}

.form-control-label-bc {
    color: #ffffff !important;
}

.multi-select-label-bc {
    background: #061828 !important;
    border-color: rgba(0,150,199,0.2) !important;
}

.checkbox-control-content-bc {
    color: #ffffff !important;
}

.checkbox-control-content-bc:hover {
    background: #0a2540 !important;
    color: #ffffff !important;
}

.checkbox-control-content-bc:hover .checkbox-control-text-bc,
.checkbox-control-content-bc:hover p {
    color: #ffffff !important;
}

.checkbox-control-content-bc.active {
    background: #0a2540 !important;
    color: #ffffff !important;
}

.checkbox-control-content-bc.active .checkbox-control-text-bc,
.checkbox-control-content-bc.active p {
    color: #ffffff !important;
}

.hdr-time-bc {
    color: #7ba3c4 !important;
    min-width: 70px !important;
    text-align: center !important;
    font-family: 'Roboto Mono', 'Consolas', monospace !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 0.5px !important;
}

.nav-floating-btn {
    background: #0096c7 !important;
    color: #ffffff !important;
}

.nav-floating-btn:hover {
    background: #00b4d8 !important;
}

.count-blink-even[data-badge]:not([data-badge=""]):not([data-badge="0"]) {
    background: #ef4444 !important;
    color: #ffffff !important;
}

.ellipsis {
    color: #e2e8f0 !important;
}

.empty-b-text-v-bc {
    color: #7ba3c4 !important;
}

::-webkit-scrollbar {
    background: #020a12 !important;
}

::-webkit-scrollbar-thumb {
    background: #0a2540 !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #0096c7 !important;
}

.ftr-g-content-bc .carousel-viewport {
    overflow: visible !important;
    padding: 15px 0 !important;
}

.ftr-g-content-bc .carousel-slide {
    padding: 10px !important;
}

.ftr-g-content-bc .owl-stage-outer {
    overflow: visible !important;
    padding: 10px 0 !important;
}

.ftr-game-item-bc {
    transition: all 0.3s ease !important;
    min-width: 280px !important;
    min-height: 220px !important;
}

.ftr-g-content-bc .carousel-slide,
.ftr-g-content-bc .owl-item {
    min-width: 300px !important;
}

.ftr-g-i-body-bc {
    padding: 20px 16px !important;
}

.ftr-g-i-head-bc {
    padding: 14px 16px !important;
}

.ftr-g-i-b-opp-title-bc {
    font-size: 15px !important;
}

.ftr-g-i-b-opp-logo-bc {
    width: 36px !important;
    height: 36px !important;
}

.ftr-game-item-bc:hover {
    transform: none !important;
    border-color: rgba(0,150,199,0.12) !important;
    box-shadow: none !important;
}

.ftr-game-item-bc:hover .ftr-g-i-head-bc {
    background: #041220 !important;
}

.ftr-game-item-bc:hover .market-bc,
.ftr-game-item-bc:hover .sgm-market-g-i-cell-bc {
    border-color: rgba(0,150,199,0.15) !important;
}

.ftr-g-content-bc .carousel-count-arrow {
    position: absolute !important;
    top: -45px !important;
    right: 10px !important;
    background: rgba(4,18,32,0.95) !important;
    border: 1px solid rgba(0,150,199,0.25) !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    backdrop-filter: blur(10px) !important;
    z-index: 10 !important;
}

.layout-footer-holder-bc,
.footerWrapper,
.footerContainerWrapper,
.footerContainer {
    background: #020a12 !important;
    border: none !important;
    border-top: none !important;
}

.footerHeader {
    background: #020a12 !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    margin-bottom: 20px !important;
    padding: 20px !important;
}

.footerLinksSection,
.footerLinkCols {
    background: transparent !important;
}

.footerLinkColTitle {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-family: 'Tomorrow', sans-serif !important;
}

.footerLinkColEl,
.footerLinkColLinks a {
    color: #7ba3c4 !important;
    transition: all 0.3s ease !important;
    font-family: 'Tomorrow', sans-serif !important;
}

.footerLinkColEl:hover,
.footerLinkColLinks a:hover {
    color: #ffffff !important;
    transform: translateX(5px) !important;
    padding-left: 0 !important;
}

.footerSocialLinks a {
    background: rgba(6,24,40,0.6) !important;
    border: none !important;
    color: #7ba3c4 !important;
    border-radius: 12px !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footerSocialLinks a:hover {
    background: #ffffff !important;
    border: none !important;
    color: #000000 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 15px rgba(255,255,255,0.3) !important;
}

.footerSocialLinks a:hover i,
.footerSocialLinks a:hover [class^="bc-i-"] {
    color: #000000 !important;
}

.footerCopyrights,
.footerCopyrightBlock {
    background: #020a12 !important;
    border: none !important;
    border-top: none !important;
    color: #7ba3c4 !important;
    padding: 20px !important;
    font-family: 'Tomorrow', sans-serif !important;
}

.footerTopButtonGroup button,
.footerSliderGroup button {
    background: rgba(6,24,40,0.6) !important;
    border: none !important;
    color: #7ba3c4 !important;
    border-radius: 12px !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    padding: 10px 16px !important;
    font-family: 'Tomorrow', sans-serif !important;
}

.footerTopButtonGroup button:hover,
.footerSliderGroup button:hover {
    background: #ffffff !important;
    border: none !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255,255,255,0.2) !important;
}

.footerInfoColumn {
    background: rgba(6,24,40,0.6) !important;
    border: none !important;
    border-radius: 14px !important;
    backdrop-filter: blur(10px) !important;
    padding: 20px !important;
    transition: all 0.3s ease !important;
}

.footerInfoColumn:hover {
    background: rgba(10,37,64,0.8) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 20px rgba(0,150,199,0.2) !important;
}

.bs-f-footer {
    background: #020a12 !important;
    border-top: none !important;
}

.open-footer-icon {
    color: #7ba3c4 !important;
    transition: all 0.3s ease !important;
}

.open-footer-icon:hover {
    color: #ffffff !important;
    transform: scale(1.1) !important;
}

.casinoProviderAndGame {
    background: #020a12 !important;
    gap: 20px !important;
}

.casinoProviderBlock {
    background: #041220 !important;
    border: 1px solid rgba(0,150,199,0.15) !important;
    border-radius: 12px !important;
    min-width: 200px !important;
}

.casinoProviderBlockHolder {
    background: #041220 !important;
}

.casinoProviderBlockInner {
    background: #041220 !important;
    padding: 10px !important;
}

.providerSearchAndReset {
    background: #061828 !important;
    border-radius: 8px !important;
    padding: 8px !important;
    margin-bottom: 12px !important;
}

.providerSearchRow {
    margin-bottom: 8px !important;
}

.searchInputWrp {
    background: #0a2540 !important;
    border: 1px solid rgba(0,150,199,0.2) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}

.searchInputWrp:focus-within {
    border-color: #0096c7 !important;
    box-shadow: 0 0 10px rgba(0,150,199,0.2) !important;
}

.searchInput,
.searchInput.providerSearchInput {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
}

.searchInput::placeholder,
.providerSearchInput::placeholder {
    color: #7ba3c4 !important;
}

.searchInputIcon,
.providerSearchIcon {
    background: transparent !important;
    color: #7ba3c4 !important;
    padding: 8px !important;
    font-size: 14px !important;
}

.searchInputIcon:hover,
.providerSearchIcon:hover {
    color: #00b4d8 !important;
}

.searchInputIcon i,
.providerSearchIcon i,
.bc-i-search {
    color: inherit !important;
}

.providerResetRow {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(0,150,199,0.1) !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
}

.providerResetTxtWrp {
    color: #ffffff !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.providerCountTxt {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 11px !important;
}

.providerTypeIconWrp {
    display: flex !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
}

.providerlistTypes {
    color: #7ba3c4 !important;
    background: #0a2540 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
}

.providerlistTypes:hover {
    color: #00b4d8 !important;
    background: #0d3050 !important;
}

.providerlistTypes.active {
    color: #ffffff !important;
    background: #0096c7 !important;
}

.providerItemsContainer {
    background: transparent !important;
    max-height: calc(100vh - 300px) !important;
    overflow-y: auto !important;
}

.providerItem,
.casinoProviderItem {
    background: #0a2540 !important;
    border: 1px solid rgba(0,150,199,0.15) !important;
    border-radius: 6px !important;
    padding: 8px !important;
    margin-bottom: 6px !important;
    color: #ffffff !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    font-size: 12px !important;
}

.providerItem:hover,
.casinoProviderItem:hover {
    background: #0d3050 !important;
    border-color: #0096c7 !important;
}

.providerItem.active,
.providerItem.selected,
.casinoProviderItem.active,
.casinoProviderItem.selected {
    background: #0096c7 !important;
    border-color: #0096c7 !important;
    color: #ffffff !important;
}

.providerItem img,
.casinoProviderItem img {
    filter: brightness(1.1) !important;
}

.casinoGameListBlock {
    background: #020a12 !important;
}

.casinoGameListBlockHeader {
    background: #041220 !important;
    border: 1px solid rgba(0,150,199,0.15) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

.layout-content-holder-bc .casinoProviderAndGame {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.casinoProviderAndGame {
    position: relative !important;
}

.casinoGameListBlock {
    position: relative !important;
}

.casinoTitleSearch {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.closeProviderBlock {
    background: #0a2540 !important;
    border: 1px solid rgba(0,150,199,0.2) !important;
    border-radius: 8px !important;
    color: #7ba3c4 !important;
    padding: 10px 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.closeProviderBlock:hover {
    background: #0d3050 !important;
    border-color: #0096c7 !important;
    color: #00b4d8 !important;
}

.closeProviderBlock i {
    color: inherit !important;
}

.selectedProviderBlock {
    background: #061828 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    color: #ffffff !important;
}

.casinoInputWrp {
    flex: 1 !important;
}

.casinoInputWrp .searchInputWrp {
    background: #0a2540 !important;
    border: 1px solid rgba(0,150,199,0.2) !important;
    border-radius: 8px !important;
}

.casinoInputWrp .searchInput {
    background: transparent !important;
    color: #ffffff !important;
}

.casinoGameItemWrp {
    background: transparent !important;
    padding: 0 !important;
}

.casinoCategoryGames {
    background: transparent !important;
    display: grid !important;
    gap: 16px !important;
}

.casinoSearchNoResults {
    background: #041220 !important;
    border: 1px solid rgba(0,150,199,0.15) !important;
    border-radius: 12px !important;
    padding: 40px !important;
    text-align: center !important;
}

.casinoSearchNoResultsImage {
    opacity: 0.6 !important;
}

.casino-category-tabs,
.casinoCategoryTabs {
    background: #041220 !important;
    border: 1px solid rgba(0,150,199,0.15) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-bottom: 20px !important;
}

.casino-category-tab,
.casinoCategoryTab {
    background: #0a2540 !important;
    color: #7ba3c4 !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease !important;
}

.casino-category-tab:hover,
.casinoCategoryTab:hover {
    background: #0d3050 !important;
    color: #ffffff !important;
}

.casino-category-tab.active,
.casinoCategoryTab.active {
    background: #0096c7 !important;
    color: #ffffff !important;
}

.casino-category-games {
    background: transparent !important;
}

.casino-winners-info {
    color: #ffffff !important;
}

.casino-winners-info b {
    color: #00b4d8 !important;
}

.casino-winners-info span {
    color: #7ba3c4 !important;
}

.casino-winners-amount {
    color: #fbbf24 !important;
    font-weight: 700 !important;
}

.casino-info-img {
    border-radius: 8px !important;
}

.casinoCategoryChooserContainer {
    background: #041220 !important;
    border: 1px solid rgba(0,150,199,0.15) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-bottom: 16px !important;
}

.horizontalSliderWrapper {
    background: transparent !important;
}

.horizontalSliderWrapper.casino {
    background: transparent !important;
}

.horizontalSliderRow {
    gap: 10px !important;
}

.horizontalSliderNav {
    background: #0a2540 !important;
    color: #7ba3c4 !important;
    border: 1px solid rgba(0,150,199,0.2) !important;
    border-radius: 8px !important;
    padding: 8px !important;
    transition: all 0.2s ease !important;
}

.horizontalSliderNav:hover {
    background: #0096c7 !important;
    color: #ffffff !important;
    border-color: #0096c7 !important;
}

.horizontal-sl-item-bc {
    background: #0a2540 !important;
    border: 1px solid rgba(0,150,199,0.15) !important;
    border-radius: 10px !important;
    padding: 12px 18px !important;
    color: #7ba3c4 !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

.horizontal-sl-item-bc:hover {
    background: #0d3050 !important;
    border-color: #0096c7 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

.horizontal-sl-item-bc.active {
    background: linear-gradient(135deg, #0096c7 0%, #00b4d8 100%) !important;
    border-color: #00b4d8 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0,150,199,0.4) !important;
}

.horizontal-sl-icon-bc {
    color: inherit !important;
    font-size: 18px !important;
    margin-right: 8px !important;
}

.horizontal-sl-item-bc.active .horizontal-sl-icon-bc {
    color: #ffffff !important;
}

.horizontal-sl-title-bc {
    color: inherit !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.horizontal-sl-item-bc.active .horizontal-sl-title-bc {
    color: #ffffff !important;
}

.horizontal-sl-count-bc {
    color: inherit !important;
    font-size: 11px !important;
    opacity: 0.8 !important;
    margin-left: 6px !important;
}

.horizontal-sl-item-bc.active .horizontal-sl-count-bc {
    color: #ffffff !important;
    opacity: 1 !important;
}

.casino-horizontal-sl-list-bc,
.horizontal-sl-list {
    background: transparent !important;
}

.casino-horizontal-sl-list-bc .horizontal-sl-item-bc:hover,
.horizontal-sl-list .horizontal-sl-item-bc:hover {
    background: #0d3050 !important;
    border-color: #0096c7 !important;
}

.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.horizontal-sl-list .horizontal-sl-item-bc.active {
    background: linear-gradient(135deg, #0096c7 0%, #00b4d8 100%) !important;
    border-color: #00b4d8 !important;
}

.left-menu-container {
    background: #041220 !important;
}

.left-menu-search {
    background: #061828 !important;
}

.sport-search-bc {
    background: #0a2540 !important;
    border-color: rgba(0,150,199,0.2) !important;
}

.sport-search-bc input {
    color: #ffffff !important;
}

.sport-search-bc input::placeholder {
    color: #7ba3c4 !important;
}

.ss-icon-bc {
    color: #7ba3c4 !important;
}

.sport-search-result-bc {
    background: #041220 !important;
}

.pp-sport-list-holder-bc {
    background: #041220 !important;
}

.sp-sub-list-bc {
    background: #061828 !important;
    border-color: rgba(0,150,199,0.1) !important;
}

.sp-s-l-head-bc {
    background: #0a2540 !important;
}

.sp-s-l-head-bc:hover {
    background: #0d3050 !important;
}

.sp-s-l-head-bc.active {
    background: #0096c7 !important;
}

.sp-s-l-h-flag-bc {
    color: #7ba3c4 !important;
}

.sp-s-l-h-title-bc {
    color: #ffffff !important;
}

.sp-s-l-h-arrow-icon-bc {
    color: #7ba3c4 !important;
}

.sp-s-l-h-count-bc {
    background: rgba(0,150,199,0.2) !important;
    color: #00b4d8 !important;
}

.sp-s-l-body-bc {
    background: #041220 !important;
}

.sp-s-l-b-item-bc {
    background: #061828 !important;
    border-color: rgba(0,150,199,0.1) !important;
    color: #ffffff !important;
}

.sp-s-l-b-item-bc:hover {
    background: #0a2540 !important;
    border-color: #0096c7 !important;
}

.sp-s-l-b-item-bc.active {
    background: #0096c7 !important;
}

.sportsbook-container {
    background: #020a12 !important;
}

.sportsbook-center-section {
    background: #020a12 !important;
}

.bc-loader,
#pre-loader {
    background: #020a12 !important;
}

.bc-loader-contain {
    background: transparent !important;
}


/* Affiliate butonunu gizle - desktop */
.bc-i-refer-to-friend,
a.bc-i-refer-to-friend,
.header-custom-buttons .bc-i-refer-to-friend {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Affiliate butonu container'ını da gizle */
.header-custom-buttons:has(.bc-i-refer-to-friend:only-child) {
    display: none !important;
}

/* Affiliate butonu gizlenince boşluğu kapat */
.header-custom-buttons {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

.hdr-main-content-bc {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    justify-content: space-between !important;
}


/* Telegram butonu ikonu beyaz - desktop */
.bc-i-telegram,
i.bc-i-telegram {
    color: #ffffff !important;
}


/* Telegram butonu - sadece yükseklik */
a.btn.a-color[href*="t.me"],
a.btn.a-color:has(.bc-i-telegram) {
    height: 31px !important;
}

/* Telegram butonu inline style'ı ezmek için */
a.btn.a-color[href*="t.me"][style],
a.btn.a-color[style*="background"][href*="t.me"] {
    background: rgba(6,24,40,0.6) !important;
    backdrop-filter: blur(10px) !important;
}

a.btn.a-color[href*="t.me"][style]:hover {
    background: rgba(10,37,64,0.8) !important;
}

/* Telegram ikonu beyaz */
a.btn.a-color[href*="t.me"] i,
a.btn.a-color[href*="t.me"]::before {
    color: #ffffff !important;
}

/* Dil değiştirme butonu - giriş butonu gibi - SADECE HEADER */
.header-bc .form-control-bc.select,
.header-bc .form-control-bc.select.compact-mode,
.hdr-main-content-bc .form-control-bc.select,
.hdr-main-content-bc .form-control-bc.select.compact-mode {
    background: rgba(6,24,40,0.6) !important;
    border: none !important;
    border-radius: 12px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 12px !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.header-bc .form-control-bc.select .form-control-label-bc,
.hdr-main-content-bc .form-control-bc.select .form-control-label-bc {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 6px !important;
}

.header-bc .form-control-bc.select:hover,
.hdr-main-content-bc .form-control-bc.select:hover {
    background: rgba(10,37,64,0.8) !important;
}

/* Saat butonu */
.hdr-time-bc {
    height: 31px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(6,24,40,0.6) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    backdrop-filter: blur(10px) !important;
}

/* 3 nokta butonu (smart panel toggle) */
.hdr-toggle-button-bc {
    height: 31px !important;
    width: 31px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(6,24,40,0.6) !important;
    border: none !important;
    border-radius: 12px !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
}

.hdr-toggle-button-bc:hover {
    background: rgba(10,37,64,0.8) !important;
}




/* Canlı destek butonunu gizle */
.header-custom-buttons a.btn.a-color.header-icon-text.bc-i-live-chat,
a.btn.a-color.header-icon-text.bc-i-live-chat {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}


/* Hero slider - sağa sola yapıştır ve yüksekliği artır */
.hm-row-bc:first-child .slider-bc,
.hm-row-bc:first-child .carousel,
.hm-row-bc:first-child .carousel-viewport {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.hm-row-bc:first-child .carousel-slide,
.hm-row-bc:first-child .slider-bc .carousel-slide {
    padding: 0 !important;
    margin: 0 !important;
}

.hm-row-bc:first-child .carousel-slide img,
.hm-row-bc:first-child .slider-bc img {
    width: 100% !important;
    height: auto !important;
    min-height: 450px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}

/* Hero container */
.hm-row-bc:first-child {
    margin: 0 !important;
    padding: 0 !important;
}


/* Navbar font boyutu - en sonda override için */
.nav-menu.nav-menu-hide-items .nav-menu-item,
.nav-menu.nav-menu-hide-items a.nav-menu-item,
ul.nav-menu .nav-menu-item,
ul.nav-menu a.nav-menu-item {
    font-size: 15px !important;
}

.nav-menu.nav-menu-hide-items .nav-menu-item span,
.nav-menu.nav-menu-hide-items a.nav-menu-item span,
ul.nav-menu .nav-menu-item span,
ul.nav-menu a.nav-menu-item span {
    font-size: 15px !important;
}

.nav-menu.nav-menu-hide-items .nav-menu-item i,
.nav-menu.nav-menu-hide-items a.nav-menu-item i,
ul.nav-menu .nav-menu-item i,
ul.nav-menu a.nav-menu-item i {
    font-size: 15px !important;
}


/* Navbar'daki "Daha fazla" butonunu gizle - profil butonunu değil */
.nav-menu-container.header-navigation .nav-menu-other,
#overflowMainMenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}



/* Giriş ve Kayıt Form Stilleri */
.popup-holder-bc {
    background: rgba(2,10,18,0.95) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
}

.popup-middleware-bc {
    background: transparent !important;
    overflow-y: auto !important;
    max-height: 90vh !important;
}

.popup-inner-bc {
    background: #020a12 !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Popup scroll bar */
.popup-inner-bc::-webkit-scrollbar {
    width: 8px !important;
}

.popup-inner-bc::-webkit-scrollbar-track {
    background: rgba(6,24,40,0.3) !important;
    border-radius: 10px !important;
}

.popup-inner-bc::-webkit-scrollbar-thumb {
    background: rgba(0,150,199,0.5) !important;
    border-radius: 10px !important;
}

.popup-inner-bc::-webkit-scrollbar-thumb:hover {
    background: #0096c7 !important;
}

.popup-holder-bc .overlay-header {
    background: rgba(6,24,40,0.6) !important;
    border: none !important;
    border-radius: 14px 14px 0 0 !important;
    backdrop-filter: blur(10px) !important;
}

.popup-holder-bc .form-control-bc,
.popup-holder-bc input[type="text"],
.popup-holder-bc input[type="password"],
.popup-holder-bc input[type="email"],
.popup-holder-bc input[type="tel"],
.popup-holder-bc select,
.popup-holder-bc textarea {
    background: rgba(4,18,32,0.8) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-family: 'Tomorrow', sans-serif !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: none !important;
    outline: none !important;
    min-height: 42px !important;
}

.popup-holder-bc .form-control-bc:focus,
.popup-holder-bc input:focus,
.popup-holder-bc select:focus,
.popup-holder-bc textarea:focus {
    background: rgba(6,24,40,0.9) !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0,150,199,0.3) !important;
    transform: scale(1.01) !important;
}

.popup-holder-bc .form-control-bc::placeholder,
.popup-holder-bc input::placeholder,
.popup-holder-bc textarea::placeholder {
    color: rgba(255,255,255,0.4) !important;
    font-size: 13px !important;
    transition: opacity 0.2s ease !important;
}

/* Input dolu olduğunda placeholder'ı gizle */
.popup-holder-bc input:not(:placeholder-shown)::placeholder,
.popup-holder-bc textarea:not(:placeholder-shown)::placeholder {
    opacity: 0 !important;
}

/* Input focus olduğunda placeholder'ı gizle */
.popup-holder-bc input:focus::placeholder,
.popup-holder-bc textarea:focus::placeholder {
    opacity: 0 !important;
}

/* Input iç çerçevesini tamamen kaldır */
.popup-holder-bc input::-webkit-inner-spin-button,
.popup-holder-bc input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.popup-holder-bc input[type="number"] {
    -moz-appearance: textfield !important;
}

.popup-holder-bc .form-control-input-stroke-bc {
    display: none !important;
}

.popup-holder-bc .btn,
.popup-holder-bc button[type="submit"],
.popup-holder-bc button[type="button"] {
    background: linear-gradient(135deg, #0096c7 0%, #00b4d8 100%) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-family: 'Tomorrow', sans-serif !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.popup-holder-bc .btn:hover,
.popup-holder-bc button:hover {
    background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,150,199,0.3) !important;
}

.popup-holder-bc .btn.register,
.popup-holder-bc button.register {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    color: #000000 !important;
}

.popup-holder-bc .btn.register:hover,
.popup-holder-bc button.register:hover {
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%) !important;
}

.popup-holder-bc label {
    color: #ffffff !important;
    font-family: 'Tomorrow', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

.popup-holder-bc .checkbox-control-bc,
.popup-holder-bc .radio-control-bc {
    color: #ffffff !important;
}

.popup-holder-bc a {
    color: #00b4d8 !important;
    transition: all 0.3s ease !important;
}

.popup-holder-bc a:hover {
    color: #0096c7 !important;
}

.popup-holder-bc .error-message,
.popup-holder-bc .validation-error {
    color: #ef4444 !important;
    font-family: 'Tomorrow', sans-serif !important;
    font-size: 12px !important;
}

.popup-holder-bc .success-message {
    color: #10b981 !important;
    font-family: 'Tomorrow', sans-serif !important;
    font-size: 12px !important;
}


/* Kayıt Adım Butonları - Site Rengi */
.popup-holder-bc .tab-bc.active,
.popup-holder-bc .second-tabs-bc .tab-bc.active {
    background: #0096c7 !important;
    border-color: #0096c7 !important;
    color: #ffffff !important;
}


/* Mobile App Banner - Hover efekti */
a[href="https://betvegas.app"] {
    display: block !important;
    width: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 14px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

a[href="https://betvegas.app"]:hover {
    transform: translateY(-6px) scale(1.02) !important;
    box-shadow: none !important;
}


/* Scroll to top butonu */
.nav-floating-btn {
    background: #0096c7 !important;
}


/* ========== PLACEHOLDER/LABEL FIX - FLOATING LABEL ========== */

/* Sadece popup'lardaki input'lar için */
.popup-holder-bc .form-control-bc {
    position: relative !important;
}

/* Label'ı her zaman yukarıda tut */
.popup-holder-bc .form-control-title-bc {
    position: absolute !important;
    top: -8px !important;
    left: 12px !important;
    background: rgba(4,18,32,0.8) !important;
    padding: 0 6px !important;
    font-size: 11px !important;
    color: rgba(255,255,255,0.6) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    transition: all 0.2s ease !important;
    border-radius: 4px !important;
}

/* Input focus olduğunda label rengi değişsin */
.popup-holder-bc .form-control-bc:focus-within .form-control-title-bc {
    color: #0096c7 !important;
}

/* Placeholder'ı gizle çünkü label yukarıda */
.popup-holder-bc input::placeholder,
.popup-holder-bc textarea::placeholder {
    opacity: 0 !important;
}





/* ========== PROFİL SAYFASI PROMOSYON KODU BÖLÜMÜ ========== */

/* Form'u dikey düzenle */
#promoCodeForm {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Input container */
#promoCodeForm .u-i-p-control-item-holder-bc {
    width: 100% !important;
    margin-bottom: 0 !important;
}

/* Buton container */
#promoCodeForm .u-i-p-c-footer-bc {
    width: 100% !important;
    margin-top: 0 !important;
}

/* UYGULA butonu */
#promoCodeForm .btn.a-color {
    width: 100% !important;
    background: linear-gradient(135deg, #0096c7 0%, #00b4d8 100%) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-family: 'Tomorrow', sans-serif !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

#promoCodeForm .btn.a-color:hover {
    background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,150,199,0.3) !important;
}

#promoCodeForm .btn.a-color span {
    color: #ffffff !important;
}


/* ========== BAHİS KUPONU MODAL - DESKTOP (SADECE RENKLER) ========== */

/* Modal arka plan */
.betslip-bc,
.betslip-full-content-bc {
    background: #020a12 !important;
}

/* Modal header */
.bs-f-header-bc {
    background: #041220 !important;
    border-color: rgba(0,150,199,0.15) !important;
}

/* Tab butonları (Bahis Kuponu / Bahis Geçmişi) */
.bs-f-header-bc .second-tabs-bc {
    background: transparent !important;
}

.bs-f-header-bc .second-tabs-bc .tab-bc {
    background: transparent !important;
    color: rgba(255,255,255,0.6) !important;
    border-color: transparent !important;
}

.bs-f-header-bc .second-tabs-bc .tab-bc.active,
.bs-f-header-bc .second-tabs-bc .tab-bc:hover {
    color: #ffffff !important;
    border-color: #0096c7 !important;
}

/* Oranı kabul et dropdown */
.bs-f-header-bc .form-control-bc.select {
    background: #061828 !important;
    border-color: rgba(0,150,199,0.2) !important;
    color: #ffffff !important;
}

/* Tekli / Tümünü Kaldır bölümü */
.bs-f-header-sub-navigation-bc {
    background: #041220 !important;
    border-color: rgba(0,150,199,0.15) !important;
}

.bs-f-header-sub-navigation-bc .form-control-bc.select {
    background: #061828 !important;
    border-color: rgba(0,150,199,0.2) !important;
}

.bs-remove-all-bc {
    color: #ef4444 !important;
}

/* Bahis kuponu body */
.bs-f-body-bc {
    background: #020a12 !important;
}

/* Bahis item'ları */
.bs-f-b-content-bc .bs-item-bc {
    background: #041220 !important;
    border-color: rgba(0,150,199,0.15) !important;
}

/* Bahis Miktarı Girin input */
.bs-bet-i-b-stake-bc input,
.bs-bet-i-b-s-i-holder-bc {
    background: #061828 !important;
    border-color: rgba(0,150,199,0.2) !important;
    color: #ffffff !important;
}

/* Hızlı bahis butonları (5, 10, 50, 250) */
.bs-quick-bet-bc button,
.bs-quick-bet-item-bc {
    background: #061828 !important;
    border-color: rgba(0,150,199,0.2) !important;
    color: #ffffff !important;
}

.bs-quick-bet-bc button:hover,
.bs-quick-bet-item-bc:hover {
    background: #0a2540 !important;
    border-color: #0096c7 !important;
}

/* Oran ve Olası Kazanç */
.bs-bet-i-b-title-bc {
    color: rgba(255,255,255,0.6) !important;
}

.bs-bet-i-b-coefficient-bc,
.bs-bet-i-b-amount-bc {
    color: #fbbf24 !important;
}

/* BAHİS YAP butonu */
.bs-f-footer button,
.bs-f-footer .btn {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    border: none !important;
    color: #000000 !important;
}

.bs-f-footer button:hover,
.bs-f-footer .btn:hover {
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%) !important;
}

/* Footer */
.bs-f-footer {
    background: #041220 !important;
    border-color: rgba(0,150,199,0.15) !important;
}

/* Boş kupon mesajı */
.empty-b-text-v-bc {
    color: rgba(255,255,255,0.6) !important;
}

/* Close butonu */
.bs-f-h-t-close-icon-bc {
    color: rgba(255,255,255,0.6) !important;
}

.bs-f-h-t-close-icon-bc:hover {
    color: #ffffff !important;
}


/* ========== FOOTER KISA YOLLAR BÖLÜMÜ ========== */

/* Kısa Yollar kolonunu dikey düzenle */
.kisaYollarLinks {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
}

.kisaYollarLink {
    display: inline-block !important;
    width: auto !important;
    transform: translateX(0) !important;
    transition: all 0.3s ease !important;
}

.kisaYollarLink:hover {
    transform: translateX(5px) !important;
    color: #ffffff !important;
}


/* ========== FOOTER DİL SEÇİCİ DROPDOWN ========== */

/* Dropdown container */
.footerInfoColumn .selectHolder {
    position: relative !important;
}

/* Dropdown menü */
.footerInfoColumn .openSelectHolder {
    position: absolute !important;
    bottom: 100% !important;
    right: 0 !important;
    margin-bottom: 8px !important;
    background: #041220 !important;
    border: 1px solid rgba(0,150,199,0.2) !important;
    border-radius: 8px !important;
    min-width: 120px !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

/* Dropdown açık olduğunda */
.footerInfoColumn .openSelectHolder:not(.d-none) {
    display: block !important;
}

/* Dropdown kapalı olduğunda */
.footerInfoColumn .openSelectHolder.d-none {
    display: none !important;
}

/* Dropdown inner */
.footerInfoColumn .openSelectInner {
    padding: 8px !important;
}

/* Dropdown item */
.footerInfoColumn .openSelectRow {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.footerInfoColumn .openSelectRow:hover {
    background: #0a2540 !important;
}

.footerInfoColumn .openSelectRow.active {
    background: #0096c7 !important;
}

/* Dropdown text */
.footerInfoColumn .openSelectRowTitle {
    color: #ffffff !important;
    font-size: 13px !important;
    margin: 0 !important;
}

/* Ok ikonu animasyonu */
.footerInfoColumn .selectHolder.open #languagesFooterPanelIcon {
    transform: rotate(180deg) !important;
}

.footerInfoColumn #languagesFooterPanelIcon {
    transition: transform 0.3s ease !important;
}