/**
 * GO1 TRANSFER SUITE — Frontend Fixes / mobile-modal.css
 * ─────────────────────────────────────────────────────────────
 * Estilo del popup Elementor #24512 que contiene el formulario
 * Chauffeur en la versión móvil del home.
 *
 * BUG ORIGINAL: el código antiguo aplicaba `display: flex !important`
 * al `.elementor-popup-modal` SIEMPRE, lo que sobrescribía el
 * `display: none` que Elementor aplica al cerrar el popup, dejándolo
 * pegado en pantalla.
 *
 * FIX: solo forzamos flex cuando el popup tiene los atributos que
 * Elementor pone al ABRIRLO (clase activa o aria-hidden="false").
 */

/* ─── Por defecto: respetar el display:none de Elementor ──── */
/* No tocamos el .elementor-popup-modal sin más, dejamos a Elementor */

/* ─── Solo cuando está ACTIVO: layout de pantalla completa ── */
.elementor-popup-modal.elementor-popup-modal-active,
.elementor-popup-modal[aria-hidden="false"],
body.elementor-popup-modal-active .elementor-popup-modal {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
}

/* Contenido del popup activo: quitar position absolute */
.elementor-popup-modal.elementor-popup-modal-active .dialog-widget-content,
.elementor-popup-modal[aria-hidden="false"] .dialog-widget-content {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	right: auto !important;
	bottom: auto !important;
	max-height: 85vh !important;
	overflow-y: auto !important;
	margin: 0 !important;
}

/* ─── FIX BUG 2: timepicker dentro del popup ──────────────── */
/* El selectmenu del timepicker se renderizaba absolute dentro
   del popup con overflow:auto, quedando cortado. Forzamos fixed. */
.elementor-popup-modal.elementor-popup-modal-active .ui-selectmenu-menu,
.elementor-popup-modal[aria-hidden="false"] .ui-selectmenu-menu {
	position: fixed !important;
}

/* ─── Overflow visible para que el calendario no se corte ── */
.elementor-popup-modal.elementor-popup-modal-active .dialog-message,
.elementor-popup-modal[aria-hidden="false"] .dialog-message,
.elementor-popup-modal.elementor-popup-modal-active .dialog-lightbox-message,
.elementor-popup-modal[aria-hidden="false"] .dialog-lightbox-message {
	overflow: visible !important;
}

/* El dialog-widget-content tiene scroll vertical propio */
.elementor-popup-modal.elementor-popup-modal-active .dialog-widget-content,
.elementor-popup-modal[aria-hidden="false"] .dialog-widget-content {
	overflow-y: auto !important;
	overflow-x: visible !important;
	max-width: 95vw !important;
}