/**
 * Header stacking — single z-index scale for mobile + desktop.
 *
 * Layer scale (low → high):
 *   1–10     Page content (carousels, sliders, rows)
 *   900–960  Bottom nav / betslip (framework defaults, unchanged)
 *   10000    Header shell (.layout-header-holder-bc)
 *   10010    Fixed / sticky header bar (.header-bc)
 *   10015    Header smart panel arrow
 *   10020    Header interactive controls (profile, auth, toggle)
 *   10030    Header dropdown menus (.nav-menu-sub)
 *   10100    Header sliding overlays (profile panel, notifications, mobile nav)
 *   10120    Header close control when overlay open
 *   10200+   Modals / full-screen popups (framework)
 */

/* --- Cap page content so carousels never compete with header --- */
.layout-content-holder-bc {
  position: relative;
  z-index: 1;
}

.layout-content-holder-bc .hm-row-bc,
.layout-content-holder-bc .hm-row-bc.has-slider,
.layout-content-holder-bc .casinoProviderContent,
.layout-content-holder-bc .carousel,
.layout-content-holder-bc .carousel-viewport,
.layout-content-holder-bc .carousel-container,
.layout-content-holder-bc .carousel-slide,
.layout-content-holder-bc .carouselWrapper,
.layout-content-holder-bc .slider-bc,
.layout-content-holder-bc .swiper {
  position: relative;
  z-index: 1;
}

.layout-content-holder-bc .carousel-viewport,
.layout-content-holder-bc .carousel-container {
  isolation: isolate;
}

/* Profile panel internal balance carousel — stay inside overlay */
.user-profile-container .carousel,
.user-profile-container .carousel-viewport,
.user-profile-container .carousel-container,
.user-profile-container .carousel-slide {
  position: relative;
  z-index: 1;
}

/* --- Header shell --- */
.layout-header-holder-bc {
  position: relative;
  z-index: 10000 !important;
  isolation: isolate;
}

.layout-header-holder-bc .hdr-main-content-bc {
  position: relative;
}

html.is-web .layout-header-holder-bc .header-bc,
[class*="is-web"] .layout-header-holder-bc .header-bc {
  position: relative;
}

html.is-mobile .layout-header-holder-bc .header-bc,
[class*="is-mobile"] .layout-header-holder-bc .header-bc {
  position: fixed;
  top: var(--dynamic-header, 0px);
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10010 !important;
}

html.is-web .layout-header-holder-bc,
[class*="is-web"] .layout-header-holder-bc {
  z-index: 10000 !important;
}

/* --- Header interactive controls --- */
.hdr-user-bc,
.hdr-user-bc .user-balance-dropdown,
.hdr-user-bc .user-balance-dropdown .nav-menu-item,
.hdr-user-bc .hdr-user-avatar-icon-bc,
.hdr-user-bc .hdr-user-info-content-bc,
.hdr-toggle-button-bc,
.hdr-user-close {
  position: relative;
  z-index: 10020 !important;
  pointer-events: auto !important;
}

.hdr-user-bc .btn.sign-in,
.hdr-user-bc .btn.register,
.hdr-user-bc button[title="GİRİŞ"],
.hdr-user-bc button[title="Kayıt"] {
  position: relative;
  z-index: 10020 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Desktop profile / wallet dropdown menus — above hero/slider (~z 1–50) and header chrome */
.header-user-nav .nav-menu-sub,
.header-user-nav .nav-menu-sub-wallet,
.layout-header-holder-bc .nav-menu-container .nav-menu-sub {
  z-index: 10050 !important;
  pointer-events: auto !important;
}
.header-user-nav .nav-menu-sub-wallet .nav-menu-item,
.header-user-nav .nav-menu-sub .nav-menu-item {
  position: relative;
  z-index: 10051 !important;
  pointer-events: auto !important;
}

/* Smart panel sits above header bar, below dropdowns */
.hdr-smart-panel-holder-arrow-bc {
  z-index: 10015 !important;
}

/* --- Sliding overlays (mobile profile, notifications, favorites) --- */
.overlay-sliding-wrapper-bc,
.hdr-smart-panel-holder-arrow-bc ~ .overlay-sliding-wrapper-bc {
  z-index: 10100 !important;
}

/* Mobile overlays must clear the full header (main + nav), not just main section */
html.is-mobile .overlay-sliding-wrapper-bc,
[class*="is-mobile"] .overlay-sliding-wrapper-bc {
  top: var(--mobile-header-full-height, var(--mobile-header-main-section-height));
  height: calc(100% - var(--mobile-header-full-height, var(--mobile-header-main-section-height)));
  bottom: auto;
}

/* Close icon stays clickable above overlay backdrop */
.layout-header-holder-bc .hdr-user-close:not(.display-none) {
  z-index: 10120 !important;
}

/* --- Mobile hamburger nav (hdr-nav-menu-holder-bc / m-navigation-container-bc) --- */
html.is-mobile .layout-header-holder-bc .hdr-nav-menu-holder-bc,
[class*="is-mobile"] .layout-header-holder-bc .hdr-nav-menu-holder-bc {
  z-index: 10100 !important;
  padding-top: 0 !important;
  height: 100% !important;
  pointer-events: auto !important;
}

html.is-mobile .hdr-nav-menu-holder-bc .m-navigation-container-bc,
[class*="is-mobile"] .hdr-nav-menu-holder-bc .m-navigation-container-bc {
  position: relative;
  z-index: 1;
  height: 100%;
}

html.is-mobile .hdr-nav-menu-holder-bc .m-nav-title-row-bc,
[class*="is-mobile"] .hdr-nav-menu-holder-bc .m-nav-title-row-bc {
  position: relative;
  z-index: 2;
  padding-top: env(safe-area-inset-top, 0px);
  min-height: calc(44px + env(safe-area-inset-top, 0px));
  box-sizing: border-box;
}

/* Close (X) must sit above header bar and remain tappable */
html.is-mobile .hdr-nav-menu-holder-bc .closed-n-p-bc,
[class*="is-mobile"] .hdr-nav-menu-holder-bc .closed-n-p-bc {
  position: relative;
  z-index: 10120 !important;
  pointer-events: auto !important;
  cursor: pointer;
  min-width: 44px;
  min-height: 44px;
  justify-content: center;
}

/* --- Non-interactive hidden layers --- */
#webspor-betslip-backdrop:not(.is-visible) {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.popup-holder-bc.loginpopup.display-none,
.popup-holder-bc.registerpopup.display-none,
.popup-holder-bc.display-none {
  pointer-events: none !important;
}

/* Promotion detail (portaled to body via promotions-modal.js) */
.popup-holder-bc.promotion-details-popup:not(.display-none),
.overlay-sliding-wrapper-bc.promotion-details-popup:not(.display-none) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10250 !important;
}

/* header-nav-badge-visibility */
.nav-menu-item[class*="badge-"],
.hdr-navigation-link-bc[class*="badge-"],
.m-nav-sab-container-r-row-bc > a[class*="badge-"] {
  overflow: visible !important;
}

.nav-menu-item[class*="badge-"]::after,
.hdr-navigation-link-bc[class*="badge-"]::after,
.m-nav-sab-container-r-row-bc > a[class*="badge-"]::after {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none;
  z-index: 5 !important;
  color: #fff !important;
}

/* Desktop dropdown containers can stay overflow:visible for badges/menus.
   NEVER force this on .hdr-navigation-scrollable-* — it kills horizontal swipe. */
.nav-content-bc,
.nav-content-menu,
.nav-menu-container.header-navigation,
.nav-menu-container.header-navigation .nav-menu,
.nav-menu-container.header-navigation .nav-menu > li {
  overflow: visible !important;
}

.hdr-navigation-scrollable-content {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.hdr-navigation-scrollable-content::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.sp-button-bc {
  overflow: visible !important;
}

.sp-button-bc > .count-blink-even,
.sp-button-bc > .count-odd-animation,
#smart-panel-holder.count-blink-even {
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sp-button-bc > .count-blink-even::after,
.sp-button-bc > .count-odd-animation::after,
#smart-panel-holder.count-blink-even.count-odd-animation::after {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 6 !important;
  color: #fff !important;
  background: rgba(var(--hero), 1) !important;
}

.sp-button-bc > .count-blink-even[data-badge=""]::after,
.sp-button-bc > .count-odd-animation[data-badge=""]::after,
#smart-panel-holder.count-blink-even.count-odd-animation[data-badge=""]::after {
  content: none !important;
  display: none !important;
}


/* Profile/finance bigpopup must sit above header shell (10000–10120) */
.popup-holder-bc.user-profile-container.bigpopup,
.popup-holder-bc.windowed.user-profile-container {
  z-index: 10260 !important;
}


/* Raise wallet submenu further above hero/slider stacking */
html.is-web .header-user-nav .nav-menu-sub-wallet,
html.is-web .layout-header-holder-bc .nav-menu-sub-wallet {
  z-index: 10050 !important;
}
html.is-web #smart-panel-holder,
html.is-web .hdr-toggle-button-bc {
  z-index: 10040 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}


/* Smart panel vertical toggle — always clickable */
html.is-web #smart-panel-holder,
html.is-web i#smart-panel-holder.hdr-toggle-button-bc {
  position: relative !important;
  z-index: 10060 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
html.is-web #smart-panel-holder::after,
html.is-web #smart-panel-holder.count-blink-even::after,
html.is-web #smart-panel-holder.count-odd-animation::after {
  pointer-events: none !important;
}
html.is-web .smartPanel-bc {
  position: relative !important;
  z-index: 10055 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 10050 !important;
}


/* Prevent invisible smart-panel menu / yenilikler backdrop from eating toggle clicks */
html.is-web .layout-bc:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc {
  pointer-events: none !important;
}
html.is-web .sidePanel-holder-bc.yeniliklerpopup.display-none,
html.is-web .sidePanel-holder-bc.yeniliklerpopup.display-none::before {
  pointer-events: none !important;
  display: none !important;
}
html.is-web .smartPanel-bc > #smart-panel-holder {
  isolation: isolate;
  z-index: 10070 !important;
}

html.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc,
html.is-web.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  z-index: 10050 !important;
}


/* ===== PC stacking: header + smart panel ABOVE hero/slider ===== */
html.is-web .layout-header-holder-bc,
html.is-web .header-bc,
html.is-web .hdr-main-content-bc {
  position: relative !important;
  z-index: 10000 !important;
  overflow: visible !important;
}
html.is-web .layout-content-holder-bc,
html.is-web .layout-content-holder-bc .hm-row-bc,
html.is-web .layout-content-holder-bc .hm-row-bc.has-slider,
html.is-web .layout-content-holder-bc .carousel,
html.is-web .layout-content-holder-bc .swiper,
html.is-web .layout-content-holder-bc .slider-bc,
html.is-web .layout-content-holder-bc .slider,
html.is-web main,
html.is-web .homepage-layout {
  position: relative !important;
  z-index: 1 !important;
}

/* Closed: hide arrow and do NOT intercept clicks */
html.is-web .layout-bc:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4%) !important;
}

/* Open: force above slider and clickable */
html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc,
html.is-web.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc,
html.is-web body.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  position: absolute !important;
  top: 42px !important;
  z-index: 10090 !important;
}
html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-bc,
html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-bc .sp-button-bc {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10091 !important;
}

html.is-web .smartPanel-bc {
  position: relative !important;
  z-index: 10070 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
html.is-web #smart-panel-holder {
  position: relative !important;
  z-index: 10095 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  width: 34px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html.is-web #smart-panel-holder::after {
  pointer-events: none !important;
}


/* ===== PC smart panel: inline in header (avoid absolute dropdown under slider) ===== */
html.is-web .smartPanel-bc {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  position: relative !important;
  z-index: 10070 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  margin-inline-end: 8px !important;
}

/* Hide vertical toggle on PC — buttons are always available inline */
html.is-web #smart-panel-holder {
  display: none !important;
}

html.is-web .hdr-smart-panel-holder-arrow-bc,
html.is-web .layout-bc .hdr-smart-panel-holder-arrow-bc,
html.is-web .layout-bc:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc,
html.is-web .layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  z-index: 10070 !important;
  display: block !important;
}

html.is-web .hdr-smart-panel-holder-bc {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  position: relative !important;
  z-index: 10071 !important;
  pointer-events: auto !important;
}

html.is-web .hdr-smart-panel-holder-bc .sp-button-bc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10072 !important;
  background: rgba(var(--header-sc), 0.12) !important;
  border-radius: var(--border-radius, 8px) !important;
}

html.is-web .hdr-smart-panel-holder-bc .sp-button-bc:hover {
  background: rgba(var(--header-sc), 0.22) !important;
}

/* Hide the decorative arrow tips on PC inline mode */
html.is-web .hdr-smart-panel-holder-arrow-bc:before,
html.is-web .hdr-smart-panel-holder-arrow-bc:after {
  display: none !important;
  content: none !important;
}


/* ===== PC YENİLİKLER: full-screen modal above slider ===== */
html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  z-index: 12000 !important;
  display: block !important;
  pointer-events: auto !important;
}
html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none)::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.62) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  border-top: none !important;
  z-index: 12001 !important;
  pointer-events: auto !important;
}
html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) > .sidePanel-holder {
  /* Outside dialog this briefly paints — keep centered, not right-edge drawer */
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  width: min(480px, 94vw) !important;
  height: min(680px, 84vh) !important;
  max-width: 480px !important;
  max-height: 84vh !important;
  z-index: 12002 !important;
  transform: translate(-50%, -50%) !important;
  animation: none !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  background: rgba(18, 10, 40, 0.96) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  border-radius: 14px !important;
  border-top: none !important;
}
html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) .overlay-header {
  flex: 0 0 auto !important;
  pointer-events: auto !important;
  z-index: 12003 !important;
}
html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) .user-notifications-list-bc,
html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) .empty-b-text-v-bc {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 12003 !important;
}
html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) .user-notification-item-bc {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 12004 !important;
}

/* Clicking dimmer closes panel */
html.is-web .sidePanel-holder-bc.yeniliklerpopup.display-none {
  display: none !important;
  pointer-events: none !important;
}


/* Portaled Yenilikler on body — above everything */
body > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  pointer-events: auto !important;
}
body > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none)::before {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  pointer-events: auto !important;
}
body > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) > .sidePanel-holder {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  width: min(420px, 100vw) !important;
  z-index: 2147483001 !important;
  transform: none !important;
  animation: none !important;
  pointer-events: auto !important;
  box-shadow: -16px 0 48px rgba(0,0,0,.55) !important;
}


/* While Yenilikler modal is open: bury page stacking contexts */
html.yenilikler-open #root,
html.yenilikler-open .layout-bc,
body.yenilikler-open #root,
body.yenilikler-open .layout-bc {
  z-index: 0 !important;
  position: relative !important;
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}
html.yenilikler-open .layout-header-holder-bc,
html.yenilikler-open .layout-content-holder-bc,
html.yenilikler-open .hm-row-bc,
html.yenilikler-open .slider-bc,
html.yenilikler-open .swiper,
html.yenilikler-open .carousel {
  z-index: 0 !important;
}
body.yenilikler-open > .sidePanel-holder-bc.yeniliklerpopup {
  z-index: 2147483646 !important;
}


/* Native dialog top-layer for Yenilikler */
#yenilikler-top-dialog[open] {
  border: 0;
  padding: 0;
  background: transparent;
}
#yenilikler-top-dialog::backdrop {
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
#yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup,
#yenilikler-top-dialog .yeniliklerpopup {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  z-index: auto !important;
  pointer-events: auto !important;
  background: transparent !important;
}
#yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup::before {
  display: none !important;
  content: none !important;
}
#yenilikler-top-dialog .sidePanel-holder {
  width: 100% !important;
  height: 100% !important;
  max-height: 86vh !important;
  overflow: auto !important;
  pointer-events: auto !important;
}
#yenilikler-top-dialog .user-notification-item-bc {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* CLEAN Yenilikler dialog — site stays visible under native ::backdrop */
#yenilikler-top-dialog {
  /* sized by BM BILDIRIM flex shell override */
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
#yenilikler-top-dialog::backdrop {
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}
#yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup,
#yenilikler-top-dialog .yeniliklerpopup {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  pointer-events: auto !important;
}
#yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup::before {
  display: none !important;
  content: none !important;
}
#yenilikler-top-dialog .sidePanel-holder {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  transform: none !important;
  animation: none !important;
  overflow: auto !important;
  border-radius: 14px !important;
  pointer-events: auto !important;
}
/* Do NOT hide the whole site */
html.yenilikler-open #root,
html.yenilikler-open .layout-bc {
  visibility: visible !important;
  pointer-events: auto !important;
}


/* Bildirimlerim dialog centering + polish */
#yenilikler-top-dialog[open],
#yenilikler-top-dialog:modal {
  /* superseded by flex full-viewport shell */
}
#yenilikler-top-dialog .overlay-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 16px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: rgba(var(--b-sc), 1) !important;
  border-bottom: 1px solid rgba(var(--b-sc), 0.12) !important;
  background: rgba(var(--b-sc), 0.04) !important;
}
#yenilikler-top-dialog .overlay-header .bc-i-close-remove {
  cursor: pointer !important;
  font-size: 18px !important;
  opacity: 0.85 !important;
}
#yenilikler-top-dialog .overlay-header .bc-i-close-remove:hover {
  opacity: 1 !important;
}
#yenilikler-top-dialog .user-notifications-list-bc {
  max-height: calc(86vh - 58px) !important;
  overflow-y: auto !important;
  padding: 12px !important;
}

/* ===== BM BILDIRIM CENTER OVERRIDE ===== */
/* Full-viewport dialog shell; INNER panel is the centered card.
   Native dialog top/50%/transform centering is unreliable across engines. */

html.is-web #yenilikler-top-dialog,
html.is-web #yenilikler-top-dialog[open],
html.is-web #yenilikler-top-dialog:modal {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  transform: none !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

html.is-web #yenilikler-top-dialog::backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

/* Hide any legacy open panel that is still under .smartPanel-bc / body */
html.is-web body > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none),
html.is-web .smartPanel-bc > .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.is-web #yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup,
html.is-web #yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup:not(.display-none),
html.is-web #yenilikler-top-dialog .yeniliklerpopup {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: block !important;
  width: min(480px, 94vw) !important;
  height: min(680px, 84vh) !important;
  max-width: 480px !important;
  max-height: 84vh !important;
  margin: 0 !important;
  background: transparent !important;
  z-index: auto !important;
}

html.is-web #yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup::before {
  display: none !important;
  content: none !important;
}

html.is-web #yenilikler-top-dialog .sidePanel-holder-bc.yeniliklerpopup > .sidePanel-holder,
html.is-web #yenilikler-top-dialog .sidePanel-holder {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  animation: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--b-sc), 0.14) !important;
  background: rgba(18, 10, 40, 0.98) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  pointer-events: auto !important;
}

html.is-web #yenilikler-top-dialog .overlay-header {
  flex: 0 0 auto !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
}

html.is-web #yenilikler-top-dialog .user-notifications-list-bc,
html.is-web #yenilikler-top-dialog .empty-b-text-v-bc {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

html.is-web #yenilikler-top-dialog .user-notification-item-bc {
  border: 1px solid rgba(var(--b-sc), 0.16) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}
html.is-web #yenilikler-top-dialog .user-notification-item-bc::before {
  width: 4px !important;
  top: 10px !important;
  bottom: 10px !important;
  border-radius: 0 4px 4px 0 !important;
  opacity: 1 !important;
}

/* Outside-dialog flash: if opened before rehome, still center as a card */
html.is-web .sidePanel-holder-bc.yeniliklerpopup:not(.display-none) > .sidePanel-holder {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  width: min(480px, 94vw) !important;
  height: min(680px, 84vh) !important;
  max-width: 480px !important;
  max-height: 84vh !important;
  z-index: 12002 !important;
  transform: translate(-50%, -50%) !important;
  animation: none !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  background: rgba(18, 10, 40, 0.96) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  border-radius: 14px !important;
  border-top: none !important;
}