/* Header Giriş/Kayıt tıklanabilir; popup ve smart-panel header altında kalmasın.
 *
 * Root cause: .layout-header-holder-bc sits at z-index 10080 while framework
 * .popup-holder-bc defaults to 1000. Mobile login.js toggles .hidden / .full-screen
 * on a generic .popup-holder-bc — it does NOT add .loginpopup — so login-only
 * selectors never matched. Raise ALL visible popups above the header shell.
 *
 * Layer scale:
 *   glass overlay          0 (pointer-events:none)
 *   page content           1
 *   bottom tab nav       950
 *   header shell       10080
 *   smart panel open   10120
 *   modals / side nav  10250+
 */

.layout-header-holder-bc {
  position: sticky !important;
  top: 0 !important;
  z-index: 10080 !important;
  /* isolation:isolate sticky header'ı popup üstüne boyuyordu — kaldırıldı */
  overflow: visible !important;
}

.layout-header-holder-bc .header-bc {
  position: relative;
  z-index: 2 !important;
  overflow: visible !important;
}

.layout-header-holder-bc .hdr-main-content-bc {
  position: relative;
  z-index: 3 !important;
  overflow: visible !important;
}

/* Nav satırı üst kontrollerin altında kalsın */
.layout-header-holder-bc .nav-content-bc,
.layout-header-holder-bc .hdr-navigation-scrollable-bc-holder,
.layout-header-holder-bc .hdr-navigation-scrollable-bc {
  position: relative;
  z-index: 1 !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: 4 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Smart panel toggle — nav üstünde, tıklanabilir */
.smartPanel-bc {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}

.smartPanel-bc:after,
.smartPanel-bc:before {
  pointer-events: none !important;
}

#smart-panel-holder.hdr-toggle-button-bc,
.hdr-toggle-button-bc#smart-panel-holder,
i#smart-panel-holder {
  position: relative !important;
  z-index: 21 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Kapalı panel tıklamayı yemesin; açıkken header üstünde */
.hdr-smart-panel-holder-arrow-bc {
  z-index: 10120 !important;
  pointer-events: none !important;
}

.layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc,
.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  z-index: 10120 !important;
  pointer-events: auto !important;
}

.hdr-smart-panel-holder-bc,
.hdr-smart-panel-holder-bc .sp-button-bc {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative;
  z-index: 1;
}

/* ALL visible modals above header (login/register/forgot/profile/etc.)
 * Must be position:fixed — relative/windowed popups inside #root cannot
 * cover the sticky header even with a high z-index. */
.popup-holder-bc:not(.display-none):not(.hidden):not([aria-hidden="true"]),
.popup-holder-bc.loginpopup:not(.display-none),
.popup-holder-bc.registerpopup:not(.display-none),
.popup-holder-bc.full-screen:not(.hidden):not(.display-none),
#siteAnnPopup:not(.hidden):not([aria-hidden="true"]),
.popup-holder-bc.site-ann-popup-root:not(.hidden):not([aria-hidden="true"]) {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  z-index: 10250 !important;
  pointer-events: auto !important;
}

.overlay-sliding-wrapper-bc:not(.display-none) {
  z-index: 10250 !important;
  pointer-events: auto !important;
}

/* Default side-nav stack; soft-sheet (aside-menu-content.css) drops to 10240
 * under the logo header (10260) while navigation-is-visible. */
.hdr-nav-menu-holder-bc {
  z-index: 10250 !important;
  pointer-events: auto !important;
}

html.is-mobile .layout-bc.navigation-is-visible .hdr-nav-menu-holder-bc,
html.is-mobile .layout-bc.generic-navigation-is-visible .hdr-nav-menu-holder-bc {
  z-index: 10240 !important;
}

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

/* Sticky header compositor: bury + hide while any modal is open so chrome
 * cannot paint through a semi-transparent overlay (same purple as header).
 * Must require :not(.display-none) — login/register shells stay in the DOM as
 * .full-screen.display-none (not .hidden); matching those emptied the header. */
html:has(.popup-holder-bc:not(.display-none):not(.hidden):not([aria-hidden="true"])) .layout-header-holder-bc,
body:has(.popup-holder-bc:not(.display-none):not(.hidden):not([aria-hidden="true"])) .layout-header-holder-bc,
html:has(.popup-holder-bc.full-screen:not(.display-none):not(.hidden)) .layout-header-holder-bc,
body:has(.popup-holder-bc.full-screen:not(.display-none):not(.hidden)) .layout-header-holder-bc {
  z-index: 0 !important;
  position: relative !important;
  top: auto !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html:has(.popup-holder-bc:not(.display-none):not(.hidden):not([aria-hidden="true"])) .tab-navigation-w-bc,
body:has(.popup-holder-bc:not(.display-none):not(.hidden):not([aria-hidden="true"])) .tab-navigation-w-bc {
  z-index: 0 !important;
  pointer-events: none !important;
}

.popup-inner-bc > #close_popup_button_id,
.popup-inner-bc > .e-p-close-icon-bc,
.popup-holder-bc .popup-inner-bc > .e-p-close-icon-bc {
  position: absolute !important;
  top: 11px !important;
  z-index: 10260 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

[dir="ltr"] .popup-inner-bc > #close_popup_button_id,
[dir="ltr"] .popup-inner-bc > .e-p-close-icon-bc,
[dir="ltr"] .popup-holder-bc .popup-inner-bc > .e-p-close-icon-bc {
  right: 11px !important;
  left: auto !important;
}

[dir="rtl"] .popup-inner-bc > #close_popup_button_id,
[dir="rtl"] .popup-inner-bc > .e-p-close-icon-bc,
[dir="rtl"] .popup-holder-bc .popup-inner-bc > .e-p-close-icon-bc {
  left: 11px !important;
  right: auto !important;
}

.swal-overlay,
body > .swal-overlay,
html body .swal-overlay {
  z-index: 2147483000 !important;
  position: fixed !important;
}

.swal-modal,
body > .swal-overlay .swal-modal,
html body .swal-overlay .swal-modal {
  z-index: 2147483001 !important;
  position: relative !important;
}

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