/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ------------------------------------------------------------------
   Efecto «lightbox» al desplegar el buscador de la cabecera (ASP).
   Ajax Search Pro marca el estado del compact box en el atributo
   data-asp-compact (open/closed) del contenedor #ajaxsearchpro1_1.
   El velo es body::before; la barra de cabecera (contenedor Elementor
   2de84f0, sticky con z-index 999) se eleva por encima solo mientras
   el buscador está abierto. Los botones flotantes laterales (72e80c0,
   z-index 9999) quedan bajo el velo. El desplegable de resultados de
   ASP cuelga de body con z-index máximo, siempre por encima.
   Navegadores sin :has() simplemente no muestran el velo.
   ------------------------------------------------------------------ */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 99000; /* por debajo de #wpadminbar (99999) */
	background: rgba(10, 25, 35, 0.55);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

body:has(.elementor-location-header [data-asp-compact="open"])::before {
	opacity: 1;
	visibility: visible;
	pointer-events: auto; /* el clic cae en body y ASP cierra el buscador */
	transition: opacity 0.35s ease;
}

/* Al cerrar, retrasa la vuelta al z-index normal hasta que el velo termina de desvanecerse */
.elementor-location-header .elementor-element-2de84f0 {
	transition: z-index 0s linear 0.4s;
}

body:has(.elementor-location-header [data-asp-compact="open"]) .elementor-location-header .elementor-element-2de84f0 {
	z-index: 99001;
	transition: none;
}