/* =========================================
   GLOBAL LAYOUT
   ========================================= */

.layout-bc {
  max-width: 1470px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ====================================
   GLOBAL PAGE BACKGROUND (SAFER)
   - avoid touching body/html in a way that breaks widgets
   ==================================== */

html,
body,
.app-bc{
  background-color: #070b09 !important;
  background-image:
    radial-gradient(900px 520px at 10% -8%, rgba(0, 208, 101, .18), rgba(0, 208, 101, 0) 62%),
    radial-gradient(820px 460px at 90% -12%, rgba(15, 164, 94, .14), rgba(15, 164, 94, 0) 64%),
    linear-gradient(180deg, #0c1310 0%, #09100d 36%, #070b09 100%) !important;
  background-attachment: fixed !important;
}

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

.layout-header-holder-bc {
    background: rgb(11 14 12) !important;
    box-shadow: none !important;
    border-radius: 15px;
}

/* =========================================================
   Popup style lock (prevent accidental override by later blocks)
   ========================================================= */

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .e-p-sections-bc{
  margin-inline-end: 48px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .e-p-section-title-bc{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.05) !important;
  color: rgba(var(--b-sc), .92) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .live-chat-adviser-bc,
.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .live-chat-adviser-bc *{
  text-decoration: none !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .live-chat-adviser-bc,
.popup-holder-bc.windowed .entrance-popup-bc.sign-in .live-chat-adviser-bc *{
  text-decoration: none !important;
}

/* If you still want body too, uncomment:
body{ background:#070808 !important; }
*/


/* =========================================
   REMOVE DOUBLE WRAPPER LOOK (root cause)
   ========================================= */

.hdr-dynamic-content .informative-widget-link{
  background: transparent !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Keep ONLY the inner pill as the actual banner */
.hdr-dynamic-content .informative-widget-container{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.45) !important;
}


/* =========================================
   SMALL OVERRIDES (your existing rules)
   ========================================= */

.accordion-items .accordion-button {
  width: 180px !important;
  border: 1px solid #09a044 !important;
}

.promotionsListEl-bc {
  overflow: initial !important;
}

.casinoJackpotWrapper-bc + .casino-info-block + .casino-info-block > .main-tabs-bc > .tab-bc:nth-child(2) {
  display: none !important;
  visibility: hidden !important;
  user-select: none !important;
}

.horizontalSliderRow .horizontalSliderElem {
  background-color: rgba(var(--b-sc), 0) !important;
}

.info .checkbox-control-content-bc {
  display: none !important;
}

.info .casino-popup-content {
  max-height: 80vh !important;
  margin: 0 !important;
}

.info .casino-popup-title {
  display: none !important;
}

.info .popup-inner-bc {
  background: transparent !important;
  width: 600px !important;
}

.info .popup-holder-bc.windowed .popup-inner-bc {
  width: 600px !important;
}

.sdr-item-bc:before {
  background: transparent !important;
}

.info .status-popup-content-w-bc {
  background: transparent !important;
  width: 600px !important;
  padding: 0 !important;
}


/* =========================================
   POPUP GLOW (ONLY for windowed info popup)
   - does NOT affect other popups
   ========================================= */

/* dim overlay slightly so glow reads */
.popup-holder-bc.windowed.info .popup-middleware-bc{
  background: rgba(0,0,0,.55) !important;
  backdrop-filter: blur(2px) !important;
}

/* glow around the actual popup frame */
.popup-holder-bc.windowed.info #base_popup_id.popup-inner-bc{
  position: relative !important;
  border-radius: 18px !important;
  overflow: visible !important;

  /* subtle frame */
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(var(--hero), .20) !important;

  /* neon glow */
  box-shadow:
    0 18px 55px rgba(0,0,0,.75),
    0 0 0 1px rgba(var(--hero), .14),
    0 0 22px rgba(var(--hero), .18),
    0 0 60px rgba(var(--hero), .10) !important;
}

/* thin neon top line (like your header banner) */
.popup-holder-bc.windowed.info #base_popup_id.popup-inner-bc:before{
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: rgba(var(--hero), 1) !important;
  box-shadow: 0 0 16px rgba(var(--hero), .35) !important;
}

/* close button polish inside popup */
.popup-holder-bc.windowed.info #close_popup_button_id.e-p-close-icon-bc{
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(var(--b-sc), .80) !important;
}

[class*=is-web] .popup-holder-bc.windowed.info #close_popup_button_id.e-p-close-icon-bc:hover{
  background: rgba(var(--hero), .10) !important;
  border-color: rgba(var(--hero), .45) !important;
  color: rgba(var(--b-sc), 1) !important;
}

/* button glow */
.popup-holder-bc.windowed.info .casino-popup-button-block .btn{
  background: rgba(var(--hero), 1) !important;
  color: #061108 !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 28px rgba(var(--hero), .14) !important;
}

[class*=is-web] .popup-holder-bc.windowed.info .casino-popup-button-block .btn:hover{
  filter: brightness(1.06) !important;
  box-shadow:
    0 12px 34px rgba(var(--hero), .18),
    0 0 18px rgba(var(--hero), .14) !important;
}


/* =========================================
   FEATURED EVENTS (ÖNE ÇIKAN ETKİNLİKLER)
   Scoped overrides only — safe for updates
   ========================================= */

.featuredGames {
  padding: 6px 0 14px !important;
}

.featuredGames .featuredGameItem {
  border: 1px solid rgba(var(--b-sc), .10) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(var(--b-sc), .05), rgba(var(--b-sc), .02)) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.55) !important;
  overflow: hidden !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

[class*=is-web] .featuredGames .featuredGameItem:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(var(--hero), .35) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.65) !important;
}

.featuredGames .featuredGameItemHeader {
  height: 52px !important;
  padding: 8px 16px !important;
  background: rgba(0,0,0,.30) !important;
}

.featuredGames .featuredGameItemHeader:before {
  left: 16px !important;
  right: 16px !important;
  border-bottom: 1px solid rgba(var(--hero), .18) !important;
}

.featuredGames .featuredGameItemCompetitionName {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: rgba(var(--b-sc), .70) !important;
  letter-spacing: .2px !important;
}

.featuredGames .featuredGameItemSportAliasIcon {
  color: rgba(var(--hero), .75) !important;
}

.featuredGames .featuredGameItemBody {
  padding: 10px 16px 14px !important;
  background: rgba(0,0,0,.22) !important;
}

.featuredGames .featuredGameItemPlayersContainer {
  margin-bottom: 10px !important;
}

.featuredGames .featuredGameItemPlayer {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: rgba(var(--b-sc), 1) !important;
}

.featuredGames .featuredGameItemPlayerImg {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: rgba(var(--b-sc), .06) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--b-sc), .10) !important;
}

.featuredGames .featuredGameItemTime {
  font-size: 13px !important;
  color: rgba(var(--b-sc), .70) !important;
  background: rgba(var(--b-sc), .04) !important;
  border: 1px solid rgba(var(--b-sc), .08) !important;
  border-radius: 12px !important;
  padding: 6px 10px !important;
  min-width: 66px !important;
}

.featuredGames .featuredGameItemTime > time:last-child {
  color: rgba(var(--b-sc), .40) !important;
  font-weight: 600 !important;
}

.featuredGames .featuredGameItem .market-group-holder-bc {
  display: flex !important;
  gap: 8px !important;
}

.featuredGames .featuredGameItem .market-group-holder-bc .market-group-item-bc + .market-group-item-bc {
  margin-inline-start: 0 !important;
}

.featuredGames .featuredGameItem .market-group-holder-bc .market-group-item-bc {
  flex: 1 1 0 !important;
}

.featuredGames .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc {
  padding: 10px 10px !important;
  border-radius: 10px !important;
  background: rgba(var(--b-sc), .04) !important;
  border: 1px solid rgba(var(--b-sc), .10) !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}

.featuredGames .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc .market-name-bc {
  margin-bottom: 4px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  color: rgba(var(--b-sc), .40) !important;
}

.featuredGames .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc .market-odd-bc {
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: 900 !important;
  color: rgba(var(--hero), 1) !important;
}

[class*=is-web] .featuredGames .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc:not(.disabled-market-bc,.m-g-header):hover {
  background: rgba(var(--hero), .08) !important;
  border-color: rgba(var(--hero), .35) !important;
  transform: translateY(-1px) !important;
}

.featuredGames .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc.active {
  background: rgba(var(--hero), .16) !important;
  border-color: rgba(var(--hero), .60) !important;
  box-shadow: 0 0 0 1px rgba(var(--hero), .20), 0 10px 25px rgba(var(--hero), .08) !important;
}

.featuredGames .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc.active .market-odd-bc {
  color: rgba(0,0,0,1) !important;
  background: rgba(var(--hero), 1) !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

[dir=ltr] .featuredGamesContent .carouselWrapper .swiper-button-prev {
  background: linear-gradient(-270deg, rgba(var(--hero), .18), rgba(0,0,0,0)) !important;
}
[dir=ltr] .featuredGamesContent .carouselWrapper .swiper-button-next {
  background: linear-gradient(270deg, rgba(var(--hero), .18), rgba(0,0,0,0)) !important;
}

[class*=is-mobile] .featuredGames .featuredGameItemHeader {
  height: 48px !important;
}
[class*=is-mobile] .featuredGames .featuredGameItemBody {
  padding: 10px 12px 12px !important;
}


/* =========================================
   HEADER INFO BAR (hdr-dynamic-content)
   + FIXED X BUTTON POSITION
   ========================================= */

.hdr-dynamic-content {
  padding-inline-start: 10px !important;
  padding-inline-end: 10px !important;
  max-width: 1470px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hdr-dynamic-content .hm-row-bc {
  position: relative !important;
}

.hdr-dynamic-content .informative-widget,
.hdr-dynamic-content .informative-widget-link {
  position: relative !important;
  display: block !important;
  text-decoration: none !important;
}

.hdr-dynamic-content .informative-widget-container {
  max-width: 100% !important;
  padding: 12px 60px 12px 16px !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.45) !important;
  position: relative !important;
  overflow: hidden !important;
}

.hdr-dynamic-content .informative-widget-container:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background: rgba(var(--hero),1) !important;
  box-shadow: 0 0 14px rgba(var(--hero), .35) !important;
}

.hdr-dynamic-content .informative-widget-container,
.hdr-dynamic-content .informative-widget-container p,
.hdr-dynamic-content .informative-widget-container span {
  margin: 0 !important;
  line-height: 1.25 !important;
  font-size: 13px !important;
  color: rgba(var(--b-sc), .85) !important;
}

.hdr-dynamic-content .informative-widget-container strong:first-child {
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
}

.hdr-dynamic-content .informative-widget-container img {
  max-width: 22px !important;
  max-height: 22px !important;
  border-radius: 8px !important;
  margin-inline-end: 10px !important;
}

.hdr-dynamic-content .e-p-close-icon-bc {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;

  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;

  border-radius: 10px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(var(--b-sc), .70) !important;
}

[class*=is-web] .hdr-dynamic-content .e-p-close-icon-bc:hover {
  color: rgba(var(--b-sc), 1) !important;
  border-color: rgba(var(--hero), .45) !important;
  background: rgba(var(--hero), .10) !important;
}


/* =========================================================
   FOOTER — SAFE OVERRIDE (NO COLUMN COLLAPSE)
   Targets ONLY Licenses & Apps inner group
   ========================================================= */

.layout-footer-holder-bc{
  background:
    radial-gradient(circle at 20% 0%, rgba(var(--hero), .08), transparent 55%),
    radial-gradient(circle at 80% 0%, rgba(var(--hero), .06), transparent 60%),
    rgba(0,0,0,.30) !important;
}

.footerWrapper{
  background: transparent !important;
}

.footerContainer{
  max-width: 1470px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* IMPORTANT: reset any accidental layout overrides */
.footerWrapper .sliderGroup{
  display: block !important;
  flex-direction: initial !important;
  align-items: initial !important;
  gap: initial !important;
}

.footerWrapper .sliderTitle{
  text-align: center !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  font-weight: 800 !important;
  color: rgba(var(--b-sc), .60) !important;
  margin: 22px 0 16px !important;
}

/* Licenses & Apps group */
.footerWrapper .sliderContent:first-of-type > .sliderGroup{
  display: grid !important;
  grid-template-columns: 160px 320px 160px !important;
  gap: 18px !important;
  justify-content: center !important;
  align-items: center !important;
}

.footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper{
  justify-self: center !important;
}

/* Tiles: first 3 only */
.footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(-n+3) .sliderSingleEl{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 18px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.55) !important;

  transition: transform .2s ease, border-color .2s ease, background .2s ease !important;
}

[class*=is-web] .footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(-n+3) .sliderSingleEl:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(var(--hero), .45) !important;
  background: rgba(var(--hero), .06) !important;
}

/* Tile sizes */
.footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(1) .sliderSingleEl{
  width: 160px !important;
  height: 160px !important;
  padding: 14px !important;
}

.footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(2) .sliderSingleEl{
  width: 320px !important;
  height: 92px !important;
  padding: 12px 18px !important;
}

.footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(3) .sliderSingleEl{
  width: 160px !important;
  height: 160px !important;
  padding: 14px !important;
}

/* ANJOUAN seal bigger (beats inline max-width:96px) */
.footerWrapper .FooterLicenceCuracaoContainer.anj-container{
  width: 136px !important;
  height: 136px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.footerWrapper .FooterLicenceCuracaoContainer.anj-container > div{
  max-width: 136px !important;
  width: 136px !important;
  min-width: 136px !important;
}

.footerWrapper .FooterLicenceCuracaoContainer.anj-container > div > a{
  max-width: 136px !important;
  width: 136px !important;
  height: 136px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* GAMBLEAWARE correct ratio (3023x400) */
.footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(2) img{
  width: 100% !important;
  height: auto !important;
  max-height: 56px !important;
  object-fit: contain !important;
}

/* APP badge */
.footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(3) img{
  max-width: 136px !important;
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* LEGAL text panel full width */
.footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(4){
  grid-column: 1 / -1 !important;
  width: min(1100px, 100%) !important;
  justify-self: center !important;
  margin-top: 10px !important;
}

.footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(4) .sliderSingleEl{
  width: 100% !important;
  height: auto !important;
  padding: 18px 20px !important;

  border-radius: 18px !important;
  background: rgba(0,0,0,.30) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.55) !important;
}

.footerWrapper .ftr-copy-rights-bc,
.footerWrapper .ftr-copy-rights-bc p,
.footerWrapper .ftr-copy-rights-bc span{
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: rgba(var(--b-sc), .65) !important;
  margin: 0 !important;
}

.footerWrapper .ftr-copy-rights-bc a{
  color: rgba(var(--hero), 1) !important;
  text-decoration: none !important;
}

/* Perfect centering (kills inline justify) */
.footerWrapper .ftr-copy-rights-bc{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.6 !important;
}

.footerWrapper .ftr-copy-rights-bc p{
  text-align: center !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.footerWrapper .ftr-copy-rights-bc p + p{
  margin-top: 10px !important;
}

/* Payments row polish only */
.footerWrapper .horizontalSliderElem{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 12px !important;
  padding: 8px 10px !important;
  opacity: .85 !important;
  transition: transform .2s ease, opacity .2s ease !important;
}

[class*=is-web] .footerWrapper .horizontalSliderElem:hover{
  opacity: 1 !important;
  transform: translateY(-2px) !important;
}

/* Mobile stack */
[class*=is-mobile] .footerWrapper .sliderContent:first-of-type > .sliderGroup{
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

[class*=is-mobile] .footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(1) .sliderSingleEl,
[class*=is-mobile] .footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(3) .sliderSingleEl{
  width: 140px !important;
  height: 140px !important;
}

[class*=is-mobile] .footerWrapper .sliderContent:first-of-type > .sliderGroup > .sliderSingleElWrapper:nth-child(2) .sliderSingleEl{
  width: min(320px, 92vw) !important;
  height: 84px !important;
}

/* =========================================================
   HEADER (MODERN PASS)
   هدف: daha modern, "glass + clean" görünüm.
   Güvenli scope: sadece header alanı.
   ========================================================= */

:root{
  /* fallback if --hero not defined as rgb */
  --nb-hero-fallback: 0,255,90;
}

/* Main header surface */
.layout-header-holder-bc .header-bc{
  background: rgba(10,11,11,.68) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(10px) !important;
}

/* Inner spacing + alignment */
.layout-header-holder-bc .hdr-main-content-bc{
  padding: 10px 14px !important;
  gap: 12px !important;
}

/* Make logo area cleaner */
.layout-header-holder-bc .logo-container .logo{
  display: inline-flex !important;
  align-items: center !important;
}

/* Telegram (icon button) */
.layout-header-holder-bc .logo-container .header-icon{
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(6px) !important;
}

[class*=is-web] .layout-header-holder-bc .logo-container .header-icon:hover{
  background: rgba(var(--hero, var(--nb-hero-fallback)), .10) !important;
  border-color: rgba(var(--hero, var(--nb-hero-fallback)), .35) !important;
}

/* Right side buttons (Deposit / Affiliate / Login / Register) */
.layout-header-holder-bc .hdr-user-bc .btn,
.layout-header-holder-bc .hdr-user-bc button.btn{
  border-radius: 14px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: none !important;
}

/* Primary action (YATIRIM YAP) — keep vivid but modern */
.layout-header-holder-bc .hdr-user-bc .header-custom-buttons:first-child .btn{
  background: rgba(var(--hero, var(--nb-hero-fallback)), 1) !important;
  color: #061108 !important;
  border: 0 !important;
  box-shadow: 0 12px 28px rgba(var(--hero, var(--nb-hero-fallback)), .16) !important;
}

[class*=is-web] .layout-header-holder-bc .hdr-user-bc .btn:hover,
[class*=is-web] .layout-header-holder-bc .hdr-user-bc button.btn:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
  border-color: rgba(var(--hero, var(--nb-hero-fallback)), .25) !important;
}

/* Language dropdown + time */
.layout-header-holder-bc .form-control-bc.select.compact-mode.filled{
  border-radius: 14px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.layout-header-holder-bc .infoTime{
  padding: 0 12px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(var(--b-sc), .85) !important;
}

/* Smart panel buttons — flatten (less old-looking) */
.layout-header-holder-bc .sp-button-bc{
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

[class*=is-web] .layout-header-holder-bc .sp-button-bc:hover{
  background: rgba(var(--hero, var(--nb-hero-fallback)), .10) !important;
  border-color: rgba(var(--hero, var(--nb-hero-fallback)), .35) !important;
}


/* =========================================================
   TOP MENU (NAV) — modern pill bar
   ========================================================= */

/* bar container */
.layout-header-holder-bc .nav-content-bc{
  margin-top: 8px !important;
  padding: 0 12px 12px !important;
}

.layout-header-holder-bc .nav-menu-container.header-navigation{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  padding: 6px !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.25) !important;
}

/* individual menu item */
.layout-header-holder-bc .nav-menu > li > a.nav-menu-item{
  border-radius: 14px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}

.layout-header-holder-bc .nav-menu > li > a.nav-menu-item .CMSIconSVGWrapper{
  opacity: .85 !important;
}

[class*=is-web] .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.10) !important;
  transform: translateY(-1px) !important;
}

/* active/current item (usually .active on <li> or <a>) */
.layout-header-holder-bc .nav-menu > li.active > a.nav-menu-item,
.layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active{
  background: rgba(var(--hero, var(--nb-hero-fallback)), .10) !important;
  border-color: rgba(var(--hero, var(--nb-hero-fallback)), .30) !important;
}

/* badges (En iyi / Özel / Jackpot) — keep, but unify */
.layout-header-holder-bc .nav-menu-item[data-badge]::after,
.layout-header-holder-bc .nav-menu-item.badge-top::after{
  border-radius: 999px !important;
  padding: 3px 8px !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
}





/* =========================================================
   HEADER (MODERN PASS)
   هدف: daha modern, "glass + clean" görünüm.
   Güvenli scope: sadece header alanı.
   ========================================================= */

:root{
  /* fallback if --hero not defined as rgb */
  --nb-hero-fallback: 0,255,90;
}

/* Main header surface */
.layout-header-holder-bc .header-bc{
  background: rgba(10,11,11,.68) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(10px) !important;
}

/* Inner spacing + alignment */
.layout-header-holder-bc .hdr-main-content-bc{
  padding: 10px 14px !important;
  gap: 12px !important;
}

/* Make logo area cleaner */
.layout-header-holder-bc .logo-container .logo{
  display: inline-flex !important;
  align-items: center !important;
}

/* Telegram (icon button) */
.layout-header-holder-bc .logo-container .header-icon{
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(6px) !important;
}

[class*=is-web] .layout-header-holder-bc .logo-container .header-icon:hover{
  background: rgba(var(--hero, var(--nb-hero-fallback)), .10) !important;
  border-color: rgba(var(--hero, var(--nb-hero-fallback)), .35) !important;
}

/* Right side buttons (Deposit / Affiliate / Login / Register) */
.layout-header-holder-bc .hdr-user-bc .btn,
.layout-header-holder-bc .hdr-user-bc button.btn{
  border-radius: 14px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: none !important;
}

/* Primary action (YATIRIM YAP) — keep vivid but modern */
.layout-header-holder-bc .hdr-user-bc .header-custom-buttons:first-child .btn{
  background: rgba(var(--hero, var(--nb-hero-fallback)), 1) !important;
  color: #061108 !important;
  border: 0 !important;
  box-shadow: 0 12px 28px rgba(var(--hero, var(--nb-hero-fallback)), .16) !important;
}

[class*=is-web] .layout-header-holder-bc .hdr-user-bc .btn:hover,
[class*=is-web] .layout-header-holder-bc .hdr-user-bc button.btn:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
  border-color: rgba(var(--hero, var(--nb-hero-fallback)), .25) !important;
}

/* Language dropdown + time */
.layout-header-holder-bc .form-control-bc.select.compact-mode.filled{
  border-radius: 14px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.layout-header-holder-bc .infoTime{
  padding: 0 12px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(var(--b-sc), .85) !important;
}

/* Smart panel buttons — flatten (less old-looking) */
.layout-header-holder-bc .sp-button-bc{
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

[class*=is-web] .layout-header-holder-bc .sp-button-bc:hover{
  background: rgba(var(--hero, var(--nb-hero-fallback)), .10) !important;
  border-color: rgba(var(--hero, var(--nb-hero-fallback)), .35) !important;
}


/* =========================================================
   TOP MENU (NAV) — modern pill bar
   ========================================================= */

/* bar container */
.layout-header-holder-bc .nav-content-bc{
  margin-top: 8px !important;
  padding: 0 12px 12px !important;
}

.layout-header-holder-bc .nav-menu-container.header-navigation{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  padding: 6px !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.25) !important;
}

/* individual menu item */
.layout-header-holder-bc .nav-menu > li > a.nav-menu-item{
  border-radius: 14px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}

.layout-header-holder-bc .nav-menu > li > a.nav-menu-item .CMSIconSVGWrapper{
  opacity: .85 !important;
}

[class*=is-web] .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.10) !important;
  transform: translateY(-1px) !important;
}

/* active/current item (usually .active on <li> or <a>) */
.layout-header-holder-bc .nav-menu > li.active > a.nav-menu-item,
.layout-header-holder-bc .nav-menu > li > a.nav-menu-item.active{
  background: rgba(var(--hero, var(--nb-hero-fallback)), .10) !important;
  border-color: rgba(var(--hero, var(--nb-hero-fallback)), .30) !important;
}

/* badges (En iyi / Özel / Jackpot) — keep, but unify */
.layout-header-holder-bc .nav-menu-item[data-badge]::after,
.layout-header-holder-bc .nav-menu-item.badge-top::after{
  border-radius: 999px !important;
  padding: 3px 8px !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
}



/* =========================================================
   HEADER/NAV SAFE PATCHSET (incremental production overrides)
   Scope: header + navigation only
   ========================================================= */

/* 1) z-index & stacking context */
.layout-header-holder-bc .header-bc{
  isolation: isolate;
}

.layout-header-holder-bc .nav-content-bc,
.layout-header-holder-bc .nav-menu-container.header-navigation,
.layout-header-holder-bc .nav-menu,
.layout-header-holder-bc .nav-menu > li{
  position: relative;
}

.layout-header-holder-bc .nav-content-bc{
  z-index: 3;
}

.layout-header-holder-bc .nav-menu-container.header-navigation{
  z-index: 4;
}

.layout-header-holder-bc .nav-menu > li:hover,
.layout-header-holder-bc .nav-menu > li:focus-within,
.layout-header-holder-bc .nav-menu-other > li:hover,
.layout-header-holder-bc .nav-menu-other > li:focus-within{
  z-index: 7;
}

.layout-header-holder-bc .nav-menu-container .nav-menu-sub{
  z-index: 12;
}

/* 2) hover visibility */
.layout-header-holder-bc .nav-content-bc,
.layout-header-holder-bc .nav-menu-container.header-navigation,
.layout-header-holder-bc .nav-menu,
.layout-header-holder-bc .nav-menu > li{
  overflow: visible;
}

/* 3) badge overlap */
.layout-header-holder-bc .nav-menu > li > a.nav-menu-item{
  min-height: 36px;
  padding-top: 14px !important;
}

.layout-header-holder-bc .nav-menu-item[class*=badge-]::after,
.layout-header-holder-bc .nav-menu-item[data-badge]::after,
.layout-header-holder-bc .nav-menu-item.badge-top::after{
  top: 2px;
  max-width: calc(100% - 8px);
  pointer-events: none;
  z-index: 2;
}

/* 4) navigation background integrity */
.layout-header-holder-bc .nav-content-bc{
  background: transparent !important;
  border-radius: 0 !important;
}

.layout-header-holder-bc .nav-menu-container.header-navigation:first-child{
  background: rgba(255,255,255,.04) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.22) !important;
}

/* 5) spacing + sizing polish */
.layout-header-holder-bc .hdr-main-content-bc .infoTime,
.layout-header-holder-bc .infoTime{
  height: 34px !important;
  min-width: 54px;
  padding: 0 10px !important;
  font-size: 11px;
}

/* 6) modern visual refinement */
[class*=is-web] .layout-header-holder-bc .nav-menu > li > a.nav-menu-item,
[class*=is-web] .layout-header-holder-bc .nav-menu-other > .nav-menu-item{
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

[class*=is-web] .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover,
[class*=is-web] .layout-header-holder-bc .nav-menu-other > .nav-menu-item:hover{
  box-shadow: 0 6px 14px rgba(0,0,0,.24);
}

/* =========================================================
   HOTFIX: Horizontal slider visuals bleeding in content area
   - Keep footer transparent tiles
   - Restore default tile/background visibility in main content
   ========================================================= */

.layout-content-holder-bc .horizontalSliderRow .horizontalSliderElem,
.layout-content-holder-bc .sliderGroup .horizontalSliderRow .horizontalSliderElem,
.layout-content-holder-bc .widgetHorizontalSportList .horizontalSliderRow .horizontalSliderElem{
  background-color: rgba(var(--b-sc), .10) !important;
}

.footerWrapper .horizontalSliderRow .horizontalSliderElem{
  background-color: rgba(var(--b-sc), 0) !important;
}

/* Reduce heavy side overlay feel on content sliders */
.layout-content-holder-bc .horizontalSliderNav:after,
.layout-content-holder-bc .widgetHorizontalSportList .horizontalSliderNav:after{
  width: 72px;
}


/* =========================================================
   REWORK: FeaturedGames baseline restore (from FeaturedGames.css)
   Purpose: recover stable Swiper sizing/flow and prevent page overflow
   ========================================================= */

.featuredGames{
  overflow: hidden !important;
  padding: 0 0 10px !important;
}

.featuredGamesContent,
.featuredGamesContent .carouselWrapper,
.featuredGamesContent .swiper{
  overflow: hidden !important;
}

.featuredGamesContent .swiper-wrapper{
  display: flex !important;
  gap: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
}

/* Let Swiper manage slide geometry; cancel custom forced widths */
.featuredGamesContent .swiper-slide,
[class*=is-web] .featuredGamesContent .swiper-slide,
[class*=is-mobile] .featuredGamesContent .swiper-slide{
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  margin-right: 10px !important;
  overflow: visible !important;
}

/* Restore original arrow edge fades for this widget */
[dir=ltr] .featuredGamesContent .carouselWrapper .swiper-button-prev{
  background: linear-gradient(-270deg, rgba(var(--b),1), rgba(var(--b),0)) !important;
}
[dir=ltr] .featuredGamesContent .carouselWrapper .swiper-button-next{
  background: linear-gradient(270deg, rgba(var(--b),1), rgba(var(--b),0)) !important;
}
[dir=rtl] .featuredGamesContent .carouselWrapper .swiper-button-prev{
  background: linear-gradient(-270deg, rgba(var(--b),0), rgba(var(--b),1)) !important;
}
[dir=rtl] .featuredGamesContent .carouselWrapper .swiper-button-next{
  background: linear-gradient(270deg, rgba(var(--b),0), rgba(var(--b),1)) !important;
}

/* Keep card structure stable */
.featuredGames .featuredGameItem{
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.featuredGames .featuredGameItemBody{
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.featuredGames .featuredGameItemPlayersContainer{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  align-items: center !important;
}

/* =========================================================
   FeaturedGames equal-width normalization
   ========================================================= */

/* Make visible cards equal width on desktop */
[class*=is-web] .featuredGamesContent .swiper-slide{
  flex: 0 0 calc((100% - 20px) / 3) !important;
  width: calc((100% - 20px) / 3) !important;
  min-width: calc((100% - 20px) / 3) !important;
  max-width: calc((100% - 20px) / 3) !important;
}

@media screen and (max-width: 1280px){
  [class*=is-web] .featuredGamesContent .swiper-slide{
    flex-basis: calc((100% - 10px) / 2) !important;
    width: calc((100% - 10px) / 2) !important;
    min-width: calc((100% - 10px) / 2) !important;
    max-width: calc((100% - 10px) / 2) !important;
  }
}

@media screen and (max-width: 768px){
  [class*=is-web] .featuredGamesContent .swiper-slide,
  [class*=is-mobile] .featuredGamesContent .swiper-slide{
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

/* Reduce edge fade so first/last cards don't look narrower */
.featuredGamesContent .carouselWrapper .swiper-button-prev,
.featuredGamesContent .carouselWrapper .swiper-button-next{
  width: 18px !important;
}

/* =========================================================
   FeaturedGames hover top-line clipping fix
   ========================================================= */

/* Allow hover ring to render outside card box without clipping top edge */
.featuredGamesContent .swiper,
.featuredGamesContent .swiper-wrapper,
.featuredGamesContent .swiper-slide{
  overflow: visible !important;
}

/* Give row a little breathing room for hover border/glow */
.featuredGamesContent{
  padding-top: 4px !important;
}

/* Final fix: prevent hover-lift from clipping top border in FeaturedGames */
[class*=is-web] .featuredGames .featuredGameItem:hover{
  transform: none !important;
}

/* =========================================================
   Brand background pass (Nitro green / dark emerald)
   ========================================================= */

.layout-bc.theme-default{
  background:
    radial-gradient(1100px 480px at 18% -8%, rgba(9,160,68,.24), rgba(9,160,68,0) 62%),
    radial-gradient(900px 420px at 86% 6%, rgba(16,199,46,.16), rgba(16,199,46,0) 64%),
    linear-gradient(180deg, #070c09 0%, #060b08 42%, #050906 100%) !important;
}

/* Keep content shell aligned with the new base tone */
.layout-content-holder-bc{
  background: linear-gradient(180deg, rgba(6,11,8,.55), rgba(5,9,6,.25)) !important;
}

/* Subtle green-tint on top surfaces (instead of neutral gray) */
.layout-header-holder-bc .header-bc{
  background: rgba(8,12,10,.82) !important;
}

.layout-header-holder-bc .nav-menu-container.header-navigation:first-child{
  background: rgba(14,20,16,.78) !important;
  border-color: rgba(83,147,79,.24) !important;
}

/* =========================================================
   Login popup premium pass (CSS-only, no DOM change)
   ========================================================= */

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in){
  background: linear-gradient(180deg, rgba(14,18,16,.98), rgba(11,14,12,.98)) !important;
  border: 1px solid rgba(83,147,79,.24) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.6), 0 0 0 1px rgba(9,160,68,.08) !important;
  border-radius: 16px !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .e-p-header-bc{
  min-height: 64px !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid rgba(83,147,79,.2) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .e-p-body-bc{
  padding: 14px 18px 18px !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .sg-n-text-row-1-bc{
  color: rgba(var(--b-sc), .68) !important;
  font-size: 30px !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .sg-n-text-row-2-bc{
  color: rgba(var(--b-sc), .96) !important;
  letter-spacing: .2px !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .entrance-f-item-bc .form-control-bc{
  border-radius: 12px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .entrance-f-item-bc .form-control-input-bc{
  color: rgba(var(--b-sc), .95) !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .entrance-f-item-bc .form-control-title-bc{
  color: rgba(var(--b-sc), .52) !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .entrance-f-item-bc .form-control-input-stroke-bc{
  box-shadow: inset 0 0 0 1px rgba(83,147,79,.12) !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .entrance-f-item-bc .form-control-bc:focus-within{
  border-color: rgba(9,160,68,.55) !important;
  box-shadow: 0 0 0 3px rgba(9,160,68,.16) !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .entrance-form-actions-holder-bc .btn.a-color{
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(14,188,74,1), rgba(9,160,68,1)) !important;
  border: 0 !important;
  color: #071109 !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(9,160,68,.3) !important;
}

[class*=is-web] .popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .entrance-form-actions-holder-bc .btn.a-color:hover{
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .sg-n-forgot-password{
  color: rgba(var(--b-sc), .8) !important;
  letter-spacing: .3px !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .form-sign-in-slider-wrapper{
  margin-top: 14px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(83,147,79,.2) !important;
}

.popup-holder-bc.windowed #base_popup_id:has(.entrance-popup-bc.sign-in) .live-chat-adviser-bc{
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(83,147,79,.2) !important;
  background: rgba(255,255,255,.03) !important;
  color: rgba(var(--b-sc), .86) !important;
}

/* =========================================================
   Header interaction fixes
   - language dropdown clickability / z-index
   - separator centering
   - nav item spacing
   ========================================================= */

/* Keep language select panel above nav surface */
.layout-header-holder-bc .form-control-bc.select.compact-mode{
  position: relative;
  z-index: 30;
}

.layout-header-holder-bc .form-control-bc.select.compact-mode .openSelectHolder{
  z-index: 80 !important;
}

/* Language dropdown in this project uses .multi-select-label-bc (not .openSelectHolder) */
.layout-header-holder-bc .form-control-bc.select.compact-mode.expanded{
  z-index: 60 !important;
}

.layout-header-holder-bc .form-control-bc.select.compact-mode.expanded .multi-select-label-bc{
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 90 !important;
}

/* Ensure top controls row always layers above nav row */
.layout-header-holder-bc .hdr-main-content-bc{
  position: relative;
  z-index: 120 !important;
}

.layout-header-holder-bc .nav-content-bc{
  position: relative;
  z-index: 20 !important;
}

/* Keep all top-row dropdown panels above nav in every state */
.layout-header-holder-bc .form-control-bc.select.compact-mode,
.layout-header-holder-bc .hdr-user-bc .nav-menu-other > li,
.layout-header-holder-bc .callPanel{
  position: relative;
  z-index: 130;
}

.layout-header-holder-bc .form-control-bc.select.compact-mode .multi-select-label-bc,
.layout-header-holder-bc .form-control-bc.select.compact-mode .openSelectHolder,
.layout-header-holder-bc .hdr-user-bc .nav-menu-other > li > .nav-menu-sub,
.layout-header-holder-bc .callPanelMenu,
.layout-header-holder-bc .wallet-menu{
  z-index: 150 !important;
}

/* Center separator lines visually at high zoom */
.layout-header-holder-bc .header-icon-text:after,
.layout-header-holder-bc .compact-mode:after,
.layout-header-holder-bc .hdr-crypto-btn:after,
.layout-header-holder-bc .connect-wallet:after,
.layout-header-holder-bc .hdr-main-content-bc .infoTime:after,
.layout-header-holder-bc .smartPanel-bc:after,
.layout-header-holder-bc .hdr-user-bc .sign-in:after,
.layout-header-holder-bc .hdr-main-content-bc .bc-loader:after,
.layout-header-holder-bc .callPanel:after{
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  height: 24px;
}

/* Separate top menu items so labels don't look stuck together */
.layout-header-holder-bc .nav-menu{
  gap: 6px !important;
}

.layout-header-holder-bc .nav-menu > li > a.nav-menu-item{
  margin: 0 !important;
}

/* Prevent smart panel stack from sitting over nav links */
.layout-header-holder-bc .smartPanel-bc{
  z-index: 6;
}

.layout-header-holder-bc .nav-content-bc{
  z-index: 10;
}

/* =========================================================
   Login popup fallback (no :has) - guaranteed match
   ========================================================= */

/* Popup shell */
.popup-holder-bc.windowed #base_popup_id.popup-inner-bc{
  background: linear-gradient(180deg, rgba(14,18,16,.98), rgba(11,14,12,.98)) !important;
  border: 1px solid rgba(83,147,79,.24) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.6), 0 0 0 1px rgba(9,160,68,.08) !important;
  border-radius: 16px !important;
}

/* Header */
.popup-holder-bc.windowed .entrance-popup-bc.sign-in .e-p-header-bc{
  min-height: 64px !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid rgba(83,147,79,.2) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .e-p-body-bc{
  padding: 14px 18px 18px !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .sg-n-text-row-1-bc{
  color: rgba(var(--b-sc), .68) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .sg-n-text-row-2-bc{
  color: rgba(var(--b-sc), .96) !important;
  letter-spacing: .2px !important;
}

/* Inputs */
.popup-holder-bc.windowed .entrance-popup-bc.sign-in .entrance-f-item-bc .form-control-bc{
  border-radius: 12px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .entrance-f-item-bc .form-control-input-bc{
  color: rgba(var(--b-sc), .95) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .entrance-f-item-bc .form-control-title-bc{
  color: rgba(var(--b-sc), .52) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .entrance-f-item-bc .form-control-input-stroke-bc{
  box-shadow: inset 0 0 0 1px rgba(83,147,79,.12) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .entrance-f-item-bc .form-control-bc:focus-within{
  border-color: rgba(9,160,68,.55) !important;
  box-shadow: 0 0 0 3px rgba(9,160,68,.16) !important;
}

/* CTA */
.popup-holder-bc.windowed .entrance-popup-bc.sign-in .entrance-form-actions-holder-bc .btn.a-color{
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(14,188,74,1), rgba(9,160,68,1)) !important;
  border: 0 !important;
  color: #071109 !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(9,160,68,.3) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .sg-n-forgot-password{
  color: rgba(var(--b-sc), .8) !important;
  letter-spacing: .3px !important;
}

/* Banner + support */
.popup-holder-bc.windowed .entrance-popup-bc.sign-in .form-sign-in-slider-wrapper{
  margin-top: 14px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(83,147,79,.2) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .live-chat-adviser-bc{
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(83,147,79,.2) !important;
  background: rgba(255,255,255,.03) !important;
  color: rgba(var(--b-sc), .86) !important;
}

/* =========================================================
   Color tuning v2 (brand-green emphasis)
   ========================================================= */

:root{
  --nb-green-1: 14,188,74;
  --nb-green-2: 9,160,68;
  --nb-green-soft: 83,147,79;
}

/* Login popup: richer brand tint */
.popup-holder-bc.windowed .entrance-popup-bc.sign-in .e-p-header-bc{
  background:
    radial-gradient(420px 120px at 18% -10%, rgba(var(--nb-green-1), .14), rgba(var(--nb-green-1), 0) 65%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .entrance-f-item-bc .form-control-bc{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04)) !important;
  border-color: rgba(var(--nb-green-soft), .22) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .entrance-f-item-bc .form-control-title-bc{
  color: rgba(var(--b-sc), .58) !important;
}

.popup-holder-bc.windowed .entrance-popup-bc.sign-in .entrance-form-actions-holder-bc .btn.a-color{
  background: linear-gradient(180deg, rgba(var(--nb-green-1),1), rgba(var(--nb-green-2),1)) !important;
  box-shadow: 0 10px 24px rgba(var(--nb-green-2), .34), inset 0 -1px 0 rgba(0,0,0,.22) !important;
}

/* Top nav row: reduce gray cast */
.layout-header-holder-bc .nav-menu-container.header-navigation:first-child{
  background:
    linear-gradient(180deg, rgba(18,24,20,.9), rgba(14,19,16,.9)) !important;
  border-color: rgba(var(--nb-green-soft), .28) !important;
}

[class*=is-web] .layout-header-holder-bc .nav-menu > li > a.nav-menu-item:hover{
  background: rgba(var(--nb-green-2), .14) !important;
  border-color: rgba(var(--nb-green-soft), .38) !important;
}

/* =========================================================
   Register popup premium pass (CSS-only, no DOM change)
   ========================================================= */

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .e-p-header-bc{
  min-height: 66px !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid rgba(var(--nb-green-soft), .22) !important;
  background:
    radial-gradient(440px 120px at 20% -8%, rgba(var(--nb-green-1), .14), rgba(var(--nb-green-1), 0) 65%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .e-p-body-bc{
  padding: 12px 18px 18px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .reg-form-block-bc{
  border: 1px solid rgba(var(--nb-green-soft), .18) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(12,16,14,.72), rgba(9,12,10,.72)) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .reg-form-content{
  padding: 12px 14px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .sg-n-text-row-1-bc{
  color: rgba(var(--b-sc), .7) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .sg-n-text-row-2-bc{
  color: rgba(var(--b-sc), .96) !important;
  letter-spacing: .2px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .reg-step-title-v-bc{
  color: rgba(var(--nb-green-1), .95) !important;
  font-weight: 800 !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-f-item-bc .form-control-bc{
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04)) !important;
  border: 1px solid rgba(var(--nb-green-soft), .24) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-f-item-bc .form-control-input-bc{
  color: rgba(var(--b-sc), .96) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-f-item-bc .form-control-title-bc{
  color: rgba(var(--b-sc), .55) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-f-item-bc .form-control-bc:focus-within{
  border-color: rgba(var(--nb-green-1), .55) !important;
  box-shadow: 0 0 0 3px rgba(var(--nb-green-2), .16) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-form-actions-holder-bc .btn.a-color{
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(var(--nb-green-1), 1), rgba(var(--nb-green-2), 1)) !important;
  border: 0 !important;
  color: #071109 !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(var(--nb-green-2), .34), inset 0 -1px 0 rgba(0,0,0,.22) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .steps-indicator .step-indicator{
  background: rgba(255,255,255,.2) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .steps-indicator .step-indicator-active{
  background: rgba(var(--nb-green-1), 1) !important;
  box-shadow: 0 0 0 2px rgba(var(--nb-green-2), .24) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .live-chat-adviser-bc{
  margin-top: 10px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(var(--nb-green-soft), .2) !important;
  background: rgba(255,255,255,.03) !important;
  color: rgba(var(--b-sc), .86) !important;
}

/* =========================================================
   Register refinement v2 (clean hierarchy + lighter chrome)
   ========================================================= */

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register{
  background: linear-gradient(180deg, rgba(13,16,14,.98), rgba(10,13,11,.98)) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .e-p-header-bc{
  min-height: 58px !important;
  padding: 10px 16px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.01) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .reg-form-block-bc{
  border-color: rgba(255,255,255,.08) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(11,14,12,.84), rgba(9,12,10,.84)) !important;
}

/* Balance composition: promo gets calmer, form gets priority */
.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-form-content-bc{
  gap: 14px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .slider-bc{
  opacity: .9 !important;
  filter: saturate(.9) contrast(.95) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .reg-form-content{
  padding: 16px 16px 10px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .sg-n-text-row-1-bc{
  margin-bottom: 4px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .sg-n-text-row-2-bc{
  margin-bottom: 10px !important;
  line-height: 1.2 !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .reg-step-title-v-bc{
  margin-bottom: 10px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-f-item-bc + .entrance-f-item-bc{
  margin-top: 8px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-f-item-bc .form-control-bc{
  border-radius: 10px !important;
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
}

/* Footer hierarchy: CTA first, progress subtle, support quiet */
.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .reg-form-footer-bc{
  border-top: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.01) !important;
  padding: 12px 16px 14px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-form-actions-holder-bc{
  margin-bottom: 10px !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .entrance-form-actions-holder-bc .btn.a-color{
  height: 52px !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(var(--nb-green-2), .26) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .steps-indicator{
  margin: 0 auto 10px !important;
  opacity: .85 !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .live-chat-adviser-bc{
  border-color: rgba(255,255,255,.1) !important;
  background: rgba(255,255,255,.02) !important;
}

@media screen and (max-width: 980px){
  .popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .slider-bc{
    display: none !important;
  }
}

/* =========================================================
   Register detail fixes (header overlap + premium support row)
   ========================================================= */

/* Keep close icon isolated from right-side "GIRIS" action */
.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register #close_popup_button_id.e-p-close-icon-bc{
  top: 10px !important;
  right: 10px !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  z-index: 8 !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .e-p-sections-bc{
  margin-inline-end: 48px !important;
}

/* Remove old underlined-link feel from GIRIS title */
.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .e-p-section-title-bc{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  color: rgba(var(--b-sc), .92) !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  cursor: pointer !important;
}

/* Premium support action row */
.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .live-chat-adviser-bc{
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(83,147,79,.26) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.24) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .live-chat-adviser-bc i{
  font-size: 19px !important;
  color: rgba(var(--nb-green-1), .96) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .live-chat-adviser-bc .ellipsis{
  text-decoration: none !important;
  font-weight: 700 !important;
  letter-spacing: .25px !important;
  color: rgba(var(--b-sc), .92) !important;
}

.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .live-chat-adviser-bc,
.popup-holder-bc.full-screen #base_popup_id .entrance-popup-bc.register .live-chat-adviser-bc *{
  text-decoration: none !important;
}