/* Arka Plan ve Genel Layout */
html,
body,
.layout-bc,
.layout-bc.is-home-page {
    background-image: none !important;
    background-color: rgb(16 16 36);
}

.layout-content-holder-bc,
.layout-main-bc,
.page-content-bc,
.layout-footer-holder-bc,
.footer-bc {
    background: transparent !important;
}

.layout-bc.is-home-page {
    background-color:#101024 ;
    background-size: 100% !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

.layout-footer-holder-bc,
.footer-bc,
.product-banner-info-bc:before,
.sdr-item-bc:before {
    background: none !important;
}

.layout-header-holder-bc {
    box-shadow: none !important;
}

/* Header ve Navigasyon - #c50c79 Tonları */
header.header-bc {
    background: linear-gradient(90deg, rgb(24 28 43, 255) 10%, #c50c79 40%, rgba(24, 28, 43, 255) 100%);
}

.nav-menu-container.header-navigation:first-child {
    background: linear-gradient(90deg, rgba(24, 28, 43, 255) 0%, #c50c79 50%, rgba(24, 28, 43, 255) 100%) !important;
    padding: 5px;
    border-radius: 0px;
}

.hdr-time-bc {
    background-image: linear-gradient(#c50c79, #e91e63) !important;
}

.btn.sign-in {
    text-decoration: none !important;
}

.btn.register {
    background-image: linear-gradient(#c50c79, #a00a62) !important;
    color: #fff !important;
}

.btn.register:hover {
    background-image: linear-gradient(#e91e63, #c50c79) !important;
}

.nav-menu-item.badge-new:after {
    background: #fff !important;
    color: #000 !important;
}

/* Aktif Menü ve Tablar */
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active {
    box-shadow: inset 0 2px 0 0 rgba(var(--hero), 1) !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    background: rgba(var(--menu), 1) !important;
    color: #fff !important;
}

/* Footer Altı Partner ve Diğer Alanlar */
.ftr-g-i-head-bc,
.ftr-g-i-body-bc {
    background: linear-gradient(90deg, #2b031a 0, #232a3c) !important;
}

.ftr-game-item-bc .market-group-holder-bc .market-group-item-bc .market-bc {
    background: linear-gradient(90deg, #232a3c 0, #5c0638) !important;
}

.ftr-game-item-bc .market-group-holder-bc .market-group-item-bc .market-bc.active,
.ftr-game-item-bc .market-group-holder-bc .market-group-item-bc .market-bc:hover {
    background: #c50c79 !important;
}

/* Loyalty Points */
p.loyaltySliderCardTitle.ellipsis {
    color: #c50c79 !important;
}

/* ===== BONUS DETAY POPUP - PEMBE (#c50c79) TEMA ===== */
.promotion-details-popup .popup-holder-bc {
    background: rgba(16, 16, 36, 0.95) !important;
}

.promotion-details-popup .popup-inner-bc {
    background: linear-gradient(135deg, #101024 0%, #1a1a2e 50%, #101024 100%) !important;
    border: 2px solid rgba(197, 12, 121, 0.3) !important; /* #c50c79 rgba hali */
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8),
                0 0 40px rgba(197, 12, 121, 0.2),
                inset 0 0 20px rgba(197, 12, 121, 0.05) !important;
}

.promotion-details-popup .popup-inner-bc::before {
    background: linear-gradient(90deg, transparent, #c50c79, transparent);
}

.promotion-details-popup .e-p-close-icon-bc {
    color: #c50c79 !important;
}

.promotion-details-popup .e-p-close-icon-bc:hover {
    text-shadow: 0 0 10px rgba(197, 12, 121, 0.8) !important;
}

.promotion-details-popup .overlay-header {
    background: linear-gradient(135deg, rgba(197, 12, 121, 0.15), rgba(16, 16, 36, 0.5)) !important;
    border-bottom: 2px solid rgba(197, 12, 121, 0.3) !important;
}

.promotion-details-popup .back-nav-title-bc-h1 {
    color: #c50c79 !important;
    text-shadow: 0 0 10px rgba(197, 12, 121, 0.5) !important;
}

.promotion-details-popup .promotion-details-container::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #c50c79, #a00a62);
}

.promotion-details-popup .promotion-details-img {
    border: 2px solid rgba(197, 12, 121, 0.3) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6),
                0 0 20px rgba(197, 12, 121, 0.2) !important;
    max-width: 100% !important;
    max-height: 400px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}


.promotion-details-popup .promotion-details-info .bigtitle {
    border-bottom: 2px solid rgba(197, 12, 121, 0.3) !important;
}

.promotion-details-popup .promotion-details-info .bigtitle span,
.promotion-details-popup .promotion-details-info .bigtitle strong,
.promotion-details-popup .promotion-details-info p strong {
    color: #c50c79 !important;
}

.promotion-details-popup .promotion-details-info p strong {
    border-left: 3px solid #c50c79 !important;
}

.promotion-details-popup .promotion-details-info p:not(:last-child) {
    border-bottom: 1px solid rgba(197, 12, 121, 0.1) !important;
}