/* =========================================================
   Mobile ≤1024px — chrome estável
   Auth (/login /register): NÃO aplicar — popup/card nativo da SPA
   ========================================================= */

/* ---- AUTH: restaurar layout SPA (popup/card de login visível) ---- */
body.cig-auth-page #ondagamesv1 > div.relative,
body.cig-auth-page #ondagamesv1 .relative,
html.cig-auth-page #ondagamesv1 > div.relative,
body:has(.auth-wrapper) #ondagamesv1 > div.relative,
body:has(.login-card) #ondagamesv1 > div.relative,
body:has(.register-card) #ondagamesv1 > div.relative {
  padding-top: 0 !important;
}

/* bottom nav / scroll-top escondidos no auth (não cobrem o login) */
body.cig-auth-page .navBtn,
body.cig-auth-page .btn-scroll-top,
html.cig-auth-page .navBtn,
html.cig-auth-page .btn-scroll-top,
body:has(.auth-wrapper) .navBtn,
body:has(.login-card) .navBtn,
body:has(.register-card) .navBtn,
body:has(.auth-wrapper) .btn-scroll-top,
body:has(.login-card) .btn-scroll-top,
body:has(.register-card) .btn-scroll-top {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* card de login visível (PC + mobile) — sem reflow destrutivo */
body.cig-auth-page .auth-wrapper,
body:has(.login-card) .auth-wrapper,
.auth-wrapper {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  min-height: calc(100vh - 80px) !important;
}

body.cig-auth-page .login-card,
body.cig-auth-page .register-card,
body:has(.login-card) .login-card,
.login-card,
.register-card {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 5 !important;
}

@media (max-width: 1024px) {

  /* ---- Bottom nav (home e demais; NÃO auth) ---- */
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.auth-wrapper)):not(:has(.login-card)):not(:has(.register-card)) .navBtn,
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.auth-wrapper)):not(:has(.login-card)):not(:has(.register-card)) .navBtn.navBtn-hidden,
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.auth-wrapper)):not(:has(.login-card)):not(:has(.register-card)) .navBtn[data-cig-deposit-hid='1'] {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    z-index: 40 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: none !important;
    will-change: auto !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    box-sizing: border-box !important;
  }

  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.login-card)):not(:has(.auth-wrapper)) .bottom-nav-spacer {
    display: block !important;
    height: calc(4.2rem + env(safe-area-inset-bottom, 0px) + 8px) !important;
    min-height: calc(4.2rem + env(safe-area-inset-bottom, 0px) + 8px) !important;
    pointer-events: none !important;
    background: transparent !important;
  }

  /* ---- Botão ↑ topo ---- */
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.login-card)) .btn-scroll-top {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(4.2rem + env(safe-area-inset-bottom, 0px) + 12px) !important;
    z-index: 45 !important;
    display: flex !important;
    align-items: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(-50%, 10px, 0) !important;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease !important;
  }

  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.login-card)) .btn-scroll-top.show-btn-scroll-top {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(-50%, 0, 0) !important;
  }

  /* ---- Header (home) ---- */
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.login-card)) .nav-menu.menu,
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.login-card)) .nav-menu.relative,
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.login-card)) div.px-3.nav-menu,
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.login-card)) nav.nav-indexx,
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.login-card)) nav.w-full.z-30 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    transform: none !important;
    will-change: auto !important;
  }

  /* offset só fora do auth */
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.login-card)):not(:has(.auth-wrapper)) #ondagamesv1 > div.relative {
    padding-top: 52px !important;
    box-sizing: border-box !important;
  }

  html:not(.cig-auth-page) .home-hero,
  html:not(.cig-auth-page) .home-hero-banner,
  html:not(.cig-auth-page) .padding-mobile-banner {
    position: relative !important;
    transform: none !important;
    will-change: auto !important;
  }

  /* ---- Preload (não auth) ---- */
  html:not(.cig-auth-page) .is-loading-component {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    z-index: 9100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--color-background, #0B1424) !important;
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
  }

  html:not(.cig-auth-page) .is-loading-component .dots {
    animation-duration: 0.85s !important;
  }
}

/* mobile-footer-layout também força .navBtn — no auth precisa sumir */
@media (max-width: 1023.98px) {
  body.cig-auth-page .navBtn,
  body.cig-auth-page .navBtn.navBtn-hidden,
  html.cig-auth-page .navBtn,
  body:has(.login-card) .navBtn,
  body:has(.auth-wrapper) .navBtn,
  body:has(.register-card) .navBtn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(110%) !important;
  }
}

/* bet24-preload-official: same navy as boot-preload (no color drift) */
html:not(.cig-auth-page) .is-loading-component,
.is-loading-component {
  background:
    radial-gradient(900px 480px at 50% 32%, rgba(250, 204, 21, 0.07), transparent 55%),
    radial-gradient(circle at top, #0f1a2e 0%, #0B1424 50%, #070f1c 100%) !important;
  background-color: #0B1424 !important;
}