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

/* ===============================================================
NEON ELECTRIC BLUE THEME
=============================================================== */

:root{
 --turquoise: #1DE2FF; /* Ana neon cyan */
 --turquoise-dark: #0B6CFF; /* Elektrik mavi */
 --turquoise-glow: rgba(29, 226, 255, .38);
 --dark-bg: #07101F;
 --border: rgba(29, 226, 255, .20);
 --text-main: #F5FBFF;
 --text-muted: #8EA9C8;
}

html, body{
 margin:0 !important;
 padding:0 !important;
 overflow-x:hidden !important;
 font-family:'Poppins', sans-serif !important;
 color:var(--text-main) !important;
 background-color:var(--dark-bg) !important;
 background-image:url('https://cdn.servicescdn21.xyz/betekip/bagan.jpg') !important;
 background-repeat:repeat !important;
 background-size:auto !important;
 background-attachment:fixed !important;
}

.layout-bc,
.layout-content-holder-bc,
.layout-footer-holder-bc,
.betslip-bc,
.bs-wrapper-bc,
.betslip-wrapper{
 overflow-x:hidden !important;
}

/* ================================================= */
/* HEADER */
/* ================================================= */

.hdr-main-content-bc{
 width:100% !important;
 background:#081325 !important;
 min-height:56px !important;
 height:auto !important;
 display:flex !important;
 align-items:center !important;
 padding:0 32px !important;
 margin:0 !important;
 border:none !important;
 border-bottom:2px solid var(--turquoise-dark) !important;
 box-shadow:0 2px 20px rgba(29, 226, 255, .18) !important;
 position:relative !important;
 z-index:100 !important;
 box-sizing:border-box !important;
}

.hdr-main-content-bc::after{
 content:"";
 position:absolute;
 bottom:-3px;
 left:0;
 width:100%;
 height:1px;
 background:linear-gradient(90deg, transparent, var(--turquoise), transparent);
 pointer-events:none;
}

/* NAV */

.nav-menu-container.header-navigation:first-child{
 width:100% !important;
 background:#06101F !important;
 padding:0 32px !important;
 margin:0 !important;
 border:none !important;
 border-bottom:1px solid rgba(29, 226, 255, .14) !important;
 box-shadow:0 3px 12px rgba(0,0,0,.50) !important;
 box-sizing:border-box !important;
}

.nav-menu-container.header-navigation:first-child .nav-link,
.nav-menu-container.header-navigation:first-child > ul > li > a,
.nav-menu-container.header-navigation:first-child .navigation-link-bc,
.nav-menu-container.header-navigation a.nav-menu-item{
 color:var(--text-muted) !important;
 font-size:12px !important;
 font-weight:600 !important;
 text-transform:uppercase !important;
 letter-spacing:.05em !important;
 padding:10px 14px !important;
 border-bottom:2px solid transparent !important;
 text-decoration:none !important;
 display:inline-flex !important;
 align-items:center !important;
 gap:6px !important;
 background:none !important;
}

.nav-menu-container.header-navigation:first-child .nav-link:hover,
.nav-menu-container.header-navigation:first-child > ul > li > a:hover,
.nav-menu-container.header-navigation:first-child .navigation-link-bc:hover,
.nav-menu-container.header-navigation a.nav-menu-item:hover{
 color:var(--turquoise) !important;
 border-color:var(--turquoise) !important;
 text-shadow:0 0 10px rgba(29, 226, 255, .35) !important;
}

.nav-menu-container.header-navigation:first-child .nav-link.active,
.nav-menu-container.header-navigation:first-child .navigation-link-bc.active,
.nav-menu-container.header-navigation a.nav-menu-item.active{
 color:var(--turquoise) !important;
 border-color:var(--turquoise) !important;
 text-shadow:0 0 10px rgba(29, 226, 255, .40) !important;
}

/* Logo glow */

.hdr-logo-holder-bc img,
.hdr-logo-holder-bc svg{
 filter:drop-shadow(0 0 8px rgba(29, 226, 255, .55)) !important;
}

/* ================================================= */
/* SAYFA GENİŞLİĞİ */
/* ================================================= */

.layout-bc:not(.page-full-size):not(.prematch):not(.sportsbook) .layout-content-holder-bc{
 max-width:1400px !important;
 margin:0 auto !important;
 padding:0 30px !important;
}

.layout-bc.page-full-size.prematch .layout-content-holder-bc,
.layout-bc.page-full-size.sportsbook .layout-content-holder-bc{
 max-width:100% !important;
 width:100% !important;
 margin:0 !important;
 padding:0 20px !important;
}

.layout-content-holder-bc,
.layout-footer-holder-bc{
 max-width:100% !important;
 padding:0 !important;
 margin:0 !important;
}

/* ================================================= */
/* FOOTER */
/* ================================================= */

.layout-footer-holder-bc,
.footer-bc,
.footer-content-bc,
.footer-blocks-bc,
.ftr-bc,
footer{
 background:#060D1A !important;
 background-image:none !important;
 border-top:1px solid rgba(29, 226, 255, .18) !important;
 position:relative !important;
 z-index:10 !important;
}

.footer-bc,
.footer-content-bc{
 padding:40px 40px 0 !important;
}

.footer-bc .footer-col-title-bc,
.footer-blocks-bc .footer-col-title-bc,
.footer-bc h4,
.footer-bc h3{
 color:#F5FBFF !important;
 font-size:11px !important;
 font-weight:700 !important;
 letter-spacing:.1em !important;
 text-transform:uppercase !important;
 margin-bottom:16px !important;
 padding-bottom:10px !important;
 border-bottom:1px solid rgba(29, 226, 255, .32) !important;
}

.footer-bc a,
.footer-blocks-bc a{
 color:#7693B6 !important;
 font-size:13px !important;
 font-weight:400 !important;
 text-decoration:none !important;
 transition:color .2s !important;
 display:block !important;
 margin-bottom:8px !important;
}

.footer-bc a:hover,
.footer-blocks-bc a:hover{
 color:var(--turquoise) !important;
 text-shadow:0 0 8px rgba(29, 226, 255, .30) !important;
}

.footer-copyright-bc,
.ftr-copyright-bc{
 background:#040A14 !important;
 color:#4D6789 !important;
 font-size:12px !important;
 border-top:1px solid rgba(255,255,255,.05) !important;
 padding:14px 40px !important;
 margin-top:24px !important;
}

/* ================================================= */
/* HEADER PARA YATIR BUTONU */
/* ================================================= */

.hdr-main-content-bc [class*="deposit"],
.hdr-main-content-bc [class*="payin"],
.hdr-main-content-bc [class*="cashier"],
.hdr-main-content-bc .btn-primary,
.hdr-main-content-bc .btn-action{
 background: linear-gradient(135deg, var(--turquoise), var(--turquoise-dark)) !important;
 background-color: var(--turquoise) !important;
 color:#fff !important;
 border:0 !important;
 box-shadow:0 6px 18px rgba(29, 226, 255, .38) !important;
}

.hdr-main-content-bc [class*="deposit"]:hover,
.hdr-main-content-bc .btn-primary:hover{
 background: linear-gradient(135deg, #55ECFF, #1B7FFF) !important;
 box-shadow:0 8px 24px rgba(29, 226, 255, .58) !important;
}

/* ================================================= */
/* CASINO OYUN KARTLARI */
/* ================================================= */

.casinoGameItem{
 position:relative !important;
 aspect-ratio:1 / 1 !important;
 width:100% !important;
 height:auto !important;
 overflow:hidden !important;
 border-radius:14px !important;
}

.casinoGameItem img.casinoGameItemImage{
 width:100% !important;
 height:100% !important;
 object-fit:cover !important;
 display:block !important;
}

.casinoGameItemContent{
 aspect-ratio:1 / 1 !important;
}

/* ================================================= */
/* SPORTS FULL HEIGHT */
/* ================================================= */

.layout-bc.page-full-size.prematch,
.layout-bc.page-full-size.sportsbook{
 min-height:100vh !important;
 height:100vh !important;
 background:#07101F !important;
}

.layout-bc.page-full-size.prematch .layout-content-holder-bc,
.layout-bc.page-full-size.sportsbook .layout-content-holder-bc{
 min-height:calc(100vh - 120px) !important;
 height:auto !important;
}

.layout-bc.page-full-size.prematch{
 display:grid !important;
 grid-auto-rows:1fr !important;
}

/* ================================================= */
/* CASINO BAŞLIK ALANI */
/* ================================================= */

.games-content .page-view-more{
 position: relative !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 margin: 0 0 18px 0 !important;
 min-height: 54px !important;
}

/* sağdaki DAHA FAZLASI linki sağda sabit kalsın */
.games-content .page-view-more .view-see-more{
 position: absolute !important;
 right: 0 !important;
 top: 50% !important;
 transform: translateY(-50%) !important;
 z-index: 3 !important;
}

/* CASINO başlığı */
.games-content .page-view-more .view-title-more{
 position: relative !important;
 margin: 0 auto !important;
 text-align: center !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 font-family: 'Poppins', sans-serif !important;
 font-size: 28px !important;
 font-weight: 800 !important;
 letter-spacing: .22em !important;
 text-transform: uppercase !important;
 color: #F5FBFF !important;
 padding: 0 28px !important;
 line-height: 1 !important;
 text-shadow:
  0 0 8px rgba(29, 226, 255, .52),
  0 0 18px rgba(29, 226, 255, .38),
  0 0 30px rgba(11, 108, 255, .26) !important;
 z-index: 2 !important;
 overflow: visible !important;
}

/* soldan ve sağdan neon çizgiler */
.games-content .page-view-more .view-title-more::before,
.games-content .page-view-more .view-title-more::after{
 content: "" !important;
 position: absolute !important;
 top: 50% !important;
 width: 140px !important;
 height: 2px !important;
 transform: translateY(-50%) !important;
 border-radius: 999px !important;
 background: linear-gradient(
  90deg,
  rgba(29, 226, 255, 0),
  rgba(29, 226, 255, .96),
  rgba(11, 108, 255, .88),
  rgba(29, 226, 255, 0)
 ) !important;
 box-shadow:
  0 0 10px rgba(29, 226, 255, .90),
  0 0 18px rgba(29, 226, 255, .60),
  0 0 30px rgba(11, 108, 255, .42) !important;
 pointer-events: none !important;
}

.games-content .page-view-more .view-title-more::before{
 right: 100% !important;
 margin-right: 18px !important;
}

.games-content .page-view-more .view-title-more::after{
 left: 100% !important;
 margin-left: 18px !important;
}

/* ================================================= */
/* CASINO OYUN KARTLARI KARE */
/* ================================================= */

.games-horiz-scroll{
 align-items: stretch !important;
}

.casino-game-item-content{
 width: 100% !important;
}

.casino-game-item{
 position: relative !important;
 width: 100% !important;
 aspect-ratio: 1 / 1 !important;
 height: auto !important;
 overflow: hidden !important;
 border-radius: 16px !important;
 background: #0A1529 !important;
}

.casino-game-item img,
.casino-game-item .casino-game-item-image,
img.casino-game-item-image{
 width: 100% !important;
 height: 100% !important;
 aspect-ratio: 1 / 1 !important;
 object-fit: cover !important;
 display: block !important;
 border-radius: 16px !important;
}

/* varsa iç kaplama da taşımasın */
.casino-game-item-block,
.casino-game-item-d-none{
 border-radius: 16px !important;
}

/* ================================================= */
/* MOBİL */
/* ================================================= */

@media (max-width: 768px){
 .games-content .page-view-more .view-title-more{
  font-size: 22px !important;
  letter-spacing: .16em !important;
  padding: 0 18px !important;
 }

 .games-content .page-view-more .view-title-more::before,
 .games-content .page-view-more .view-title-more::after{
  width: 70px !important;
 }
}

@media (max-width: 480px){
 .games-content .page-view-more{
  min-height: 46px !important;
 }

 .games-content .page-view-more .view-title-more{
  font-size: 18px !important;
  letter-spacing: .12em !important;
 }

 .games-content .page-view-more .view-title-more::before,
 .games-content .page-view-more .view-title-more::after{
  width: 42px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
 }
}

.view-title-more{
 text-transform:none !important;
 font-size:28px !important;
 font-weight:800 !important;
 letter-spacing:.22em !important;
}

/* yazıları değiştir */
.view-title-more:contains("CASINO"){
 font-family:'Poppins', sans-serif !important;
}


/* ======================================== */
/* KAYIT BUTONU NEON MAVİ */
/* ======================================== */

.hdr-main-content-bc button.btn.btn-s-small.register,
.hdr-main-content-bc .btn-s-small.register,
.hdr-main-content-bc button[class*="register"],
.hdr-main-content-bc [class*="register-btn"],
.hdr-main-content-bc [class*="signup"]{
 background: #1DE2FF !important;
 background-image: linear-gradient(135deg, #1DE2FF, #0B6CFF) !important;
 color: #fff !important;
 border: 0 !important;
 border-color: transparent !important;
 box-shadow: 0 6px 18px rgba(29, 226, 255, .45) !important;
 text-decoration: none !important;
}

/* register içindeki span varsa */
.hdr-main-content-bc button.btn.btn-s-small.register *,
.hdr-main-content-bc .btn-s-small.register *{
 color:#fff !important;
}

/* hover */
.hdr-main-content-bc button.btn.btn-s-small.register:hover,
.hdr-main-content-bc .btn-s-small.register:hover,
.hdr-main-content-bc button[class*="register"]:hover,
.hdr-main-content-bc [class*="signup"]:hover{
 background: #0B6CFF !important;
 background-image: linear-gradient(135deg, #30E7FF, #156EFF) !important;
 color:#fff !important;
 border:0 !important;
}

/* ======================================== */
/* GİRİŞ ALT ÇİZGİSİNİ KALDIR */
/* ======================================== */

.hdr-main-content-bc button.btn.btn-s-small.sign-in,
.hdr-main-content-bc .btn-s-small.sign-in,
.hdr-main-content-bc button[class*="sign-in"],
.hdr-main-content-bc button[title="Giriş"]{
 border-bottom: 0 !important;
 text-decoration: none !important;
 box-shadow: none !important;
 background-image: none !important;
}

/* pseudo element ile gelen çizgiyi de kapat */
.hdr-main-content-bc button.btn.btn-s-small.sign-in::before,
.hdr-main-content-bc button.btn.btn-s-small.sign-in::after,
.hdr-main-content-bc .btn-s-small.sign-in::before,
.hdr-main-content-bc .btn-s-small.sign-in::after,
.hdr-main-content-bc button[title="Giriş"]::before,
.hdr-main-content-bc button[title="Giriş"]::after{
 content: none !important;
 display: none !important;
 border: 0 !important;
 box-shadow: none !important;
 background: transparent !important;
}

/* buton parent'ından gelen alt çizgi varsa */
.hdr-main-content-bc .auth-buttons,
.hdr-main-content-bc .auth-buttons > div,
.hdr-main-content-bc .reg-btn-content,
.hdr-main-content-bc .right-block{
 border-bottom: 0 !important;
 box-shadow: none !important;
}