/**
 * Mobile banner — ONLY remove black gap above the banner.
 * Do NOT change banner size vs desktop (same height / object-fit).
 *
 * Bug: double padding-top (shell 52px + nested .min-h-screen 52px)
 * → black void. Fix offset only; leave SPA banner dimensions alone.
 */

@media (max-width: 1023.98px) {
  :root {
    --cig-header-h: 52px;
  }

  /* One content offset under fixed header */
  html:not(.cig-auth-page) body:not(.cig-auth-page):not(:has(.auth-wrapper)):not(:has(.login-card)):not(:has(.register-card))
    #ondagamesv1 > div.relative {
    padding-top: var(--cig-header-h) !important;
    box-sizing: border-box !important;
  }

  /* Remove second 52px on nested shells (causes black gap, not size) */
  html:not(.cig-auth-page) body:not(.cig-auth-page)
    #ondagamesv1
    > div.relative
    .relative.min-h-screen,
  html:not(.cig-auth-page) body:not(.cig-auth-page)
    #ondagamesv1
    > div.relative
    > .relative.min-h-screen,
  html:not(.cig-auth-page) body:not(.cig-auth-page)
    #ondagamesv1
    .relative.min-h-screen {
    padding-top: 0 !important;
  }

  /* Outer shell keeps the single offset even if it also has min-h-screen */
  html:not(.cig-auth-page) body:not(.cig-auth-page)
    #ondagamesv1
    > div.relative {
    padding-top: var(--cig-header-h) !important;
  }

  /*
   * Only kill extra TOP air above the banner — do not restyle width,
   * border-radius, sticky, or image height (must match PC = 260px).
   */
  html:not(.cig-auth-page) .home-hero {
    margin-top: 0 !important;
    padding-top: 0 !important;
    /* keep SPA side padding: leave left/right/bottom to original CSS */
  }

  html:not(.cig-auth-page) .padding-mobile-banner {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html:not(.cig-auth-page) .home-hero-banner {
    margin-top: 0 !important;
    /* position: relative — SPA default; no sticky (was distorting layout) */
    position: relative !important;
    top: auto !important;
  }

  /* Explicitly keep desktop banner height on mobile */
  html:not(.cig-auth-page) .img-banner,
  html:not(.cig-auth-page) .home-hero-banner .img-banner,
  html:not(.cig-auth-page) .home-hero .img-banner {
    height: 260px !important;
    max-height: 260px !important;
    min-height: 260px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}