/* ============================================================
   CasinoTempo - Desktop Ana Sayfa CSS (Betmartin tema referanslı)
   ============================================================ */

/* === ARKA PLAN === */
body {
    background-color: #000C24 !important;
}

/* === HEADER === */
.header-bc {
    background: linear-gradient(140deg, #000C24 0%, #000C24 50%, #000C24 70%, #000C24 100%) !important;
}

.hdr-main-content-bc, .logo {
    height: 56px !important;
    min-height: 56px !important;
}
:root{--desktop-header-height:56px !important}
.hdr-main-content-bc{min-height:56px !important;height:56px !important}

/* === NAV MENU (1. seviye - üst bar) === */
.nav-menu-container.header-navigation:first-child {
    background: rgba(255,255,255,0.15) !important;
    border: none !important;
    border-radius: 0 !important;
    height: 50px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>i,
.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>i:not(.nav-menu-sub-arrow) {
    font-size: 18px !important;
    color: #FCD60D !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    margin-inline-end: 8px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item {
    font-weight: 400 !important;
}

/* === NAV MENU (2. seviye - alt bar) === */
.nav-menu-container.header-navigation:nth-child(2) {
    background: rgba(255,255,255,0.15) !important;
}

.nav-menu-container.header-navigation:nth-child(2) .nav-menu>li .nav-menu-item:hover,
.nav-menu-container.header-navigation:nth-child(2) .nav-menu>li .nav-menu-item.active,
.nav-menu-container.header-navigation:nth-child(2) .nav-menu-other>.nav-menu-item:hover,
.nav-menu-container.header-navigation:nth-child(2) .nav-menu-other>.nav-menu-item.active {
    box-shadow: inset 0 -2px 0 0 #FCD60D !important;
}

.nav-content-bc {
    background: #000C24 !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: #000C24 !important;
}

.nav-menu-container .nav-menu-sub .nav-menu-item.active>* {
    color: #FCD60D !important;
}

/* === KATEGORİ ITEM === */
.horizontalCategoryItem {
    background: #000C24 !important;
}

.horizontalCategoryItemWrp {
    background-color: rgb(107 79 122) !important;
}

[class*=is-web] .horizontalCategoryItemWrp.active .horizontalCategoryItem:before,
[class*=is-web] .horizontalCategoryItemWrp:hover .horizontalCategoryItem:before {
    background-image: linear-gradient(90deg, #FCD60D, #FCD60D, #8daa00) !important;
}

[class*=is-web] .horizontalCategoryItemWrp.active i,
[class*=is-web] .horizontalCategoryItemWrp:hover i {
    color: rgb(255 255 255) !important;
}

[class*=is-web] .horizontalCategoryItemWrp.active .horCatItemTitle,
[class*=is-web] .horizontalCategoryItemWrp:hover .horCatItemTitle {
    color: rgb(255 255 255) !important;
}

/* === BUTONLAR === */
.btn.a-color {
    white-space: nowrap !important;
    color: rgba(var(--oc-1-sc), 1) !important;
    background: rgba(var(--oc-1), 1) !important;
    transition: .24s !important;
}

.btn.a-outline,
.btn.a-outline.a-white {
    background: #F48FC5 !important;
}

.btn.s-big {
    border: 2px solid #EE7FBE !important;
    width: 174px !important;
}

/* === TOGGLE BUTTON === */
.hdr-toggle-button-bc {
    background-image: linear-gradient(90deg, #FCD60D) !important;
    background: #F48FC5 !important;
    display: none !important;
}

/* === HEADER ALT BÖLÜM === */
.has-sub-navigation .layout-header-holder-bc {
    border-bottom: 0px solid !important;
}

/* === SLIDER OVERLAY === */
.sdr-item-bc:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 62%, rgb(0 0 0 / 0%)) !important;
}

/* === FOOTER === */
.footer-title {
    color: #F48FC5 !important;
}

.ftr-game-item-bc {
    background-color: #000C24 !important;
}

/* === AKTİF SEKME === */
.horizontal-sl-tab-bc.active,
.horizontal-sl-tab-bc.active:after {
    color: #F48FC5 !important;
}

.selected-underline:before {
    background: rgb(0, 18, 46) !important;
}

.casino-info-block .main-tabs-bc .tab-bc.active {
    background: rgb(0, 18, 46) !important;
    color: rgb(255 255 255) !important;
}

/* === İKON RENKLERİ === */
.ss-icon-bc { color: #F48FC5 !important; }
.bs-number-button-bc i { color: #F48FC5 !important; }
.hdr-time-bc { background: none !important; }
.e-sports-time-info.live { background: #F48FC5 !important; }
.sgm-market-g-item-bc>.market-bc.m-g-header { color: #F48FC5 !important; }
.multi-select-label-bc .checkbox-control-text-bc { color: #F48FC5 !important; }
.header-user-nav .nav-menu-sub .nav-menu-item { color: #F48FC5 !important; }
.user-profile-nav-icon { color: #c0c4cc !important; }
.user-profile-nav-arrow { color: #c0c4cc !important; }
.CMSIconSVGWrapper>svg { color: #F06FB6 !important; }

/* === SCROLLBAR === */
::-webkit-scrollbar-thumb { background: #897144 !important; }

/* === BADGE === */
.count-odd-animation:after {
    color: rgb(255 255 255) !important;
    background: rgb(240 57 57) !important;
}

/* === VIEW MORE === */
.view-title-more {
    color: #ffffff !important;
    font-size: 14px !important;
    letter-spacing: 0px !important;
}

/* === SLIDER LOGO === */
[class*=is-web] .sliderSingleEl .sliderImage img {
    display: block !important;
    width: auto !important;
    height: 150px !important;
}

.horizontalSliderRow .sliderImage img {
    filter: none !important;
    opacity: 1 !important;
    width: 150px !important;
}

[class*=is-web] .horizontalSliderRow:nth-of-type(2) img {
    width: 1200px !important;
    max-width: none !important;
}

/* === LOGO === */
.logo>.hdr-logo-bc {
    max-width: 130px !important;
    margin-left: 21px !important;
}

/* === PROMOSYON BAŞLIĞI === */
.promotions-article-title {
    height: 33px !important;
    margin-top: 1px !important;
    padding: 0 10px !important;
    color: #F3B4D9 !important;
    background: rgba(var(--b-sc), .1) !important;
    font-size: 15px !important;
    line-height: 34px !important;
}

/* === CAROUSEL === */
.carousel-count-arrow-container i {
    background: none !important;
    border-radius: var(--border-radius);
    transition: background var(--default-transition-duration);
}

.slider-bc .carousel-count-arrow-container.with-count {
    top: auto !important;
    bottom: 5px !important;
}

.sdr-image-bc { height: auto !important; }

/* === ORTAKLIK LOGO === */
.ftr-partners-row-inner-bc.partners-logo-scroll>a { width: auto !important; }
.payment-logo { width: 142px !important; }

/* === GİZLE === */
.crypto-currency-data,
.crypto-currency-info,
.crypto-currency-data i { display: none !important; }

.connect-button-wrapper,
.via-wallet-enabled .connect-button { display: none !important; }

.hdr-toggle-button-bc { display: none !important; }

/* === AKORDEON === */
.accordion-items .accordion-button.a-outline,
.accordion-items .accordion-button:hover {
    border: none !important;
    background: #F48FC5 !important;
    box-shadow: 0 0 0 1px rgba(var(--b-sc), .8) !important;
}

.accordion-items .accordion-button { max-width: 184px !important; }

/* === FOOTER ARKA PLAN === */
.layout-footer-holder-bc,
.footer-bc,
.footerWrapper,
.footerContainer,
.footerContainerWrapper {
    background-color: #000C24 !important;
}

/* === SLIDER ORAN VE YÜKSEKLİK === */
[class*=is-web] .hm-row-bc.has-slider {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

[class*=is-web] .hm-row-bc.has-slider .slider-bc {
    min-height: 420px !important;
}

[class*=is-web] .hm-row-bc.has-slider .sdr-image-bc {
    object-fit: cover !important;
    height: 420px !important;
}

/* === OYUN KARTI ÇERÇEVE === */
.casino-v-item-bc {
    border: 1px solid #001A3D !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* === PROMO KARTLAR === */
.product-banner-container-bc:not(.product-banner-without-titles) .product-banner-bc {
    border: solid 1px #001A3D !important;
    background-image: linear-gradient(160deg, #000C24 0%, #001A3D 40%, #000C24 70%, #000C24 100%) !important;
}

/* === SPOR ORAN BUTONLARI === */
.c-odd-bc .market-bc:not(.disabled-market-bc) {
    background: linear-gradient(140deg, #FEED82 0%, #C99A00 50%, #E0B400 75%, #A67C00 100%) !important;
    color: #000 !important;
    border-radius: 6px !important;
}

/* === KAZANANLAR ALANI === */
.informative-widget-container {
    padding: 5px !important;
    background: rgba(0, 12, 36, 0.6) !important;
    border-top: 2px solid #FCD60D !important;
    border-radius: 8px !important;
}

/* === NAV MENU ORTALA === */
.nav-menu-container.header-navigation:nth-child(2) .nav-menu {
    justify-content: center !important;
}

.nav-content-bc .nav-menu-container .nav-menu {
    justify-content: center !important;
}

/* === OYUN KARTI ÇERÇEVE === */
.casino-game-item {
    border: 1px solid #001A3D !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: linear-gradient(160deg, #000C24 0%, #001A3D 40%, #000C24 70%, #000C24 100%) !important;
}

.casino-game-item-image-bc {
    border-radius: 8px !important;
}

/* popup logo tasma fix */
.popup-t-logo-w-bc{display:flex!important;justify-content:center!important;padding:10px 0!important;overflow:hidden!important}
.popup-t-logo-w-bc img.hdr-logo-bc{max-height:54px!important;width:auto!important;max-width:220px!important;height:auto!important}

/* Nav rozet (2026-07-14, attribute-selector; desktop=cizgi ustu absolute, mobil=inline) */
.nav-menu-item[aria-label="Slot Oyunları"] span::after,.nav-menu-item[aria-label="Biletlerim"] span::after,
.hdr-navigation-link-bc[aria-label="Slot Oyunları"] .nav-menu-title::after,.hdr-navigation-link-bc[aria-label="Biletlerim"] .nav-menu-title::after{
  font-size:8px!important;font-weight:700!important;line-height:1.4!important;border-radius:4px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-transform:uppercase!important;letter-spacing:.4px!important;padding:1px 4px!important;white-space:nowrap!important;}
/* DESKTOP: metnin sag-ust kosesi (caprazi) */
.nav-menu-item{position:relative;}
.nav-menu-item[aria-label="Slot Oyunları"] span,.nav-menu-item[aria-label="Biletlerim"] span{position:relative;}
.nav-menu-item[aria-label="Slot Oyunları"] span::after,.nav-menu-item[aria-label="Biletlerim"] span::after{position:absolute!important;top:-9px!important;right:-16px!important;display:inline-block!important;}
/* MOBIL: metnin yaninda inline */
.hdr-navigation-link-bc[aria-label="Slot Oyunları"] .nav-menu-title::after,.hdr-navigation-link-bc[aria-label="Biletlerim"] .nav-menu-title::after{display:inline-block!important;margin-left:3px!important;vertical-align:top!important;font-size:7px!important;line-height:1.1!important;position:relative!important;top:1px!important;}
/* RENK + METIN */
.nav-menu-item[aria-label="Slot Oyunları"] span::after,.hdr-navigation-link-bc[aria-label="Slot Oyunları"] .nav-menu-title::after{content:"Özel"!important;background:#53934f!important;}
.nav-menu-item[aria-label="Biletlerim"] span::after,.hdr-navigation-link-bc[aria-label="Biletlerim"] .nav-menu-title::after{content:"Yeni"!important;background:#FCD60D!important;}

/* === betsrolex pixel: giris outline + header yukseklik pekistir === */
html body .btn.sign-in, html body .btn.s-small.sign-in {
  border: 0.8px solid #FCD60D !important;
  color: #fff !important;
  background: transparent !important;
  border-radius: 5px !important;
  height: 28px !important;
  padding: 0 12px !important;
}
html body .hdr-main-content-bc { height: 56px !important; min-height: 56px !important; }
html body [class*='is-web'] .hdr-main-content-bc { height: 56px !important; min-height: 56px !important; }

/* === KOK SEBEP: logo-container 120px header'i zorluyor -> 56px satira sigdir === */
html body .hdr-main-content-bc .logo-container,
html body .hdr-main-content-bc .logo,
html body .hdr-main-content-bc .hdr-logo-bc {
  height: 56px !important;
  max-height: 56px !important;
  align-items: center !important;
}
html body .hdr-main-content-bc .hdr-logo-bc,
html body .hdr-main-content-bc .logo img {
  max-height: 42px !important;
  height: 42px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* === logo GORSELI 120px -> 42px (satiri 150px'e zorluyordu) === */
html body img[src*='rolexdemo-logo'],
html body .logo-container img,
html body .logo-container svg,
html body .hdr-main-content-bc .logo-container * {
  max-height: 42px !important;
  height: 42px !important;
  width: auto !important;
  object-fit: contain !important;
}