/* Mobile Modal Base - Full-screen layout */
body.mobile-site #login2.modal,
body.mobile-site #registerModal.modal {
  padding: 0 !important;
}

body.mobile-site #registerModal .modal-dialog {
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100vh;
  height: 100dvh;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

body.mobile-site #registerModal .register-modal-content {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  max-height: none !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
}

body.mobile-site #registerModal .register-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
}

body.mobile-site #registerModal .register-modal-header-text {
  padding-top: max(12px, env(safe-area-inset-top, 0px));
}

/* ==========================================================================
   BS-EXACT ENTRANCE ANIMATION (mirrors bahissende popupSlideIn)
   Source: m.bahissende301.com .popup-inner-bc#base_popup_id
   - 0.3s ease-out scale 0.95 -> 1, translate 0,20px -> 0,0, opacity 0 -> 1
   - backdrop: blur(12px) saturate(1.2) over rgba(0,0,0,0.6)
   - inner shadow: 0 20px 60px rgba(0,0,0,.7), 0 0 40px rgba(212,175,55,.08)
   ========================================================================== */
@keyframes mrPopupSlideIn {
  0%   { opacity: 0; transform: translateY(20px) scale(0.95); }
  100% { opacity: 1; transform: translateY(0)    scale(1); }
}
@keyframes mrPopupBackdropFade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

/* Backdrop (Bootstrap injects .modal-backdrop). BS-paralel blur + dim. */
body.mobile-site .modal-backdrop.show {
  background-color: rgba(0, 0, 0, 0.6) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  backdrop-filter: blur(12px) saturate(1.2);
  opacity: 1 !important;
  animation: mrPopupBackdropFade 0.3s ease-out both;
}

/* Modal container fade-in (matches BS .popup-holder-bc behaviour) */
body.mobile-site #login2.modal.show,
body.mobile-site #registerModal.modal.show {
  transition: none;
}

/* Inner card slide+scale entrance (matches BS .popup-inner-bc#base_popup_id) */
body.mobile-site #login2.modal.show .modal-content,
body.mobile-site #registerModal.modal.show .register-modal-content {
  animation: mrPopupSlideIn 0.3s ease-out both;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.7),
    0 0 40px rgba(212, 175, 55, 0.08) !important;
  transform-origin: center center;
  will-change: transform, opacity;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  body.mobile-site #login2.modal.show .modal-content,
  body.mobile-site #registerModal.modal.show .register-modal-content,
  body.mobile-site .modal-backdrop.show {
    animation: none !important;
  }
}