/* PetNobre — correção do login após ativação do marketplace multiloja */
html.pn-auth-layer-open,
html.pn-auth-layer-open body {
  overflow: hidden !important;
}

html.pn-auth-layer-open body {
  animation: none !important;
  transform: none !important;
  filter: none !important;
}

#overlay.pn-auth-overlay,
#overlay.pn-auth-overlay.active {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483600 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: rgba(10, 24, 18, .62) !important;
  backdrop-filter: blur(7px) !important;
}

#authModal.pn-auth-modal-fixed {
  position: fixed !important;
  z-index: 2147483601 !important;
  top: 50% !important;
  left: 50% !important;
  width: min(520px, calc(100vw - 28px)) !important;
  max-height: calc(100dvh - 28px) !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

#authModal.pn-auth-modal-fixed:not(.active) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#authModal .pn-auth-fallback-link {
  display: block;
  margin-top: 12px;
  color: #176143;
  font-size: .82rem;
  font-weight: 800;
  text-align: center;
}

.pn-login-page {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: linear-gradient(145deg, #eef6f1, #fff9eb);
}

.pn-login-page #overlay {
  display: none !important;
}

.pn-login-page #authModal {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 640px) {
  #authModal.pn-auth-modal-fixed {
    width: calc(100vw - 18px) !important;
    max-height: calc(100dvh - 18px) !important;
    padding: 26px 18px !important;
    border-radius: 22px !important;
  }
}
