body.vidalux-modal-open { overflow: hidden; }

#sign-popup[aria-hidden="true"],
#register-popup[aria-hidden="true"] {
  pointer-events: none;
  visibility: hidden;
}

#sign-popup.active,
#register-popup.active {
  pointer-events: auto;
  visibility: visible;
}

#sign-popup .auth-container,
#register-popup .auth-container {
  margin: 2rem auto;
  max-height: calc(100vh - 4rem);
  overflow: auto;
  width: min(900px, calc(100% - 2rem));
}

#sign-popup .close-btn,
#register-popup .close-btn {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  z-index: 2;
}

.vidalux-auth-choice { display: flex; gap: .25rem; }
.vidalux-auth-choice button {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0;
}

.vidalux-auth-choice button:focus-visible,
.navbar a:focus-visible,
.navbar button:focus-visible {
  outline: 3px solid #d4af37;
  outline-offset: 3px;
}