/* Painel mobile do quiz — classes Tailwind arbitrárias (top/bottom calc) não estão no arsenal.main.css */

.js-main-header > div.relative > .yCmsContentSlot:has([aria-label="Official Knicks Store"]) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.js-main-header .quiz-header-logo {
  height: 50px !important;
  width: auto !important;
  max-width: none !important;
}

@media (max-width: 1023px) {
  .js-main-header-wrapper .js-main-header {
    height: 78px !important;
    min-height: 78px;
    max-height: 78px;
  }

  .js-navigation-main-links {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--quiz-nav-top, 78px) !important;
    width: 100% !important;
    height: calc(100dvh - var(--quiz-nav-top, 78px)) !important;
    min-height: calc(100dvh - var(--quiz-nav-top, 78px)) !important;
    bottom: auto !important;
    z-index: 30;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .js-navigation-main-links-wrapper {
    min-height: 100%;
  }

  .js-burger-menu,
  .js-burger-menu .js-menu-icon,
  .js-burger-menu .js-close-icon,
  .js-burger-menu svg {
    color: #000 !important;
  }

  .js-burger-menu {
    position: relative;
    z-index: 40;
  }

  /* Redux acc-arsenal abre o nav sem passar pelo quiz JS — estados via :has() */
  body:has(.js-navigation-main-links:not(.max-lg\:-translate-x-full)) .js-burger-menu .js-menu-icon {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body:has(.js-navigation-main-links:not(.max-lg\:-translate-x-full)) .js-burger-menu .js-close-icon {
    opacity: 1 !important;
    pointer-events: auto !important;
    color: #000 !important;
  }

  .js-main-header-wrapper:has(+ * .js-navigation-main-links:not(.max-lg\:-translate-x-full)),
  body:has(.js-navigation-main-links:not(.max-lg\:-translate-x-full)) .js-main-header-wrapper {
    z-index: 40;
  }
}