/* =========================================
   Header
   ========================================= */

	/* ajuste de la lupa en el header */
    .fl-module.fl-module-html.fl-html.fl-node-293fu6y8iatm.fl-visible-desktop.fl-visible-large.fl-visible-medium.buscadorHeader .aws-search-field{
		background-color:#ffffff !important;
}


	.fl-col.fl-node-ouz5h83na9d6.fl-col-bg-color.fl-col-small.fl-col-small-custom-width.buscadorHeader .aws-search-field
	{
		border-right: none !important;
	}

	.fl-module.fl-module-html.fl-html.fl-node-293fu6y8iatm.fl-visible-desktop.fl-visible-large.buscadorHeader .aws-search-field{
		border-right: none !important;
	}
	
	.fl-col.fl-node-ouz5h83na9d6.fl-col-bg-color.fl-col-small.fl-col-small-custom-width.buscadorHeader .aws-search-btn.aws-form-btn,
	.fl-module.fl-module-html.fl-html.fl-node-293fu6y8iatm.fl-visible-desktop.fl-visible-large.buscadorHeader .aws-search-btn.aws-form-btn {
		border-left: none !important;
		background:#ffffff !important;
		/*background:red !important;*/
	}
	/* fin de ajuste de la lupoa en el header */
	
	/* Oculta el icono SVG original */
	.aws-search-btn_icon svg {
		display: none !important;
	}
	/* Colocar tu nueva imagen en el contenedor */
	.aws-search-btn_icon {
		background-image: url('https://staging.dhisve.com/wp-content/uploads/2026/01/search.webp');
		background-size: contain; 
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
		width: 24px !important;
		height: 24px !important;
		/* margin-top: 2px; */
	}
	



/* =========================================
    END Header
   ========================================= */

/* =========================================
   Main
   ========================================= */
	/* Capa oscura de fondo */
	/* Altura para usuarios NO logueados */
/* El nuevo código para la sombra */
body:has(#mega-menu-max_mega_menu_1 .mega-menu-item-has-children:hover)::before {
    content: "";
    position: fixed;
    /* Ajustamos el top dinámicamente */
    top: var(--header-height, 148px); 
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99; /* Bajamos un poco el z-index para que no tape el propio menú */
    pointer-events: none;
}

/* Ajuste específico para cuando el menú se vuelve pequeño al hacer scroll */
.fl-page-header-fixed body:has(#mega-menu-max_mega_menu_1 .mega-menu-item-has-children:hover)::before {
    top: 105px; /* Ajusta este valor al alto de tu menú cuando está encogido por el scroll */
}
/* Ajuste específico para cuando SI estás logueado (aparece la barra de WP) */
body.admin-bar:has(#mega-menu-max_mega_menu_1 .mega-menu-item-has-children:hover)::before {
    top: 188px; /* El valor que ya tenías y que funciona logueado */
}
	/* Estructura y Visibilidad Inmediata */
	#mega-menu-max_mega_menu_1 { 
		position: relative; 
		z-index: 1000 !important; 
	}
	ul#mega-menu-max_mega_menu_1 li.mega-menu-item { 
		position: static !important; 
	}
	#mega-menu-max_mega_menu_1 ul.mega-sub-menu {
		background-color: #ffffff !important;
		display: none !important; 
		width: 100%;
		box-sizing: border-box;
		transition: none !important; 
		border: none !important;
		overflow: hidden;
	}
	/* Mostrar submenú solo al hacer hover */
	#mega-menu-max_mega_menu_1 li.mega-menu-item:hover > ul.mega-sub-menu {
		display: block !important;
	}
	/* Reseteo agresivo: si no hay hover, eliminamos min-height inyectado por JS */
	#mega-menu-max_mega_menu_1 li.mega-menu-item:not(:hover) > ul.mega-sub-menu {
		min-height: 0 !important;
		height: auto !important;
	}
	/* Efecto Hover Gris Suave en los items */
	#mega-menu-max_mega_menu_1 ul.mega-sub-menu li.mega-menu-item:hover,
	#mega-menu-max_mega_menu_1 ul.mega-sub-menu li.mega-menu-item:hover > a {
		background-color: #f2f2f2 !important;
		color: #000000 !important;
	}
	li.boton-atras-drill {
		display: none !important;
	}

/* =========================================
   End Main 
   ========================================= */

/* =========================================
   Footer
   ========================================= */


/* =========================================
    END Footer
   ========================================= */


/* =========================================
   Shop
   ========================================= */


/* =========================================
    END Shop 
   ========================================= */


/* =========================================
   Cart*
   ========================================= */

/* =========================================
    END Cart**
   ========================================= */


/* =========================================
   Ofertas y Promociones
   ========================================= */


/* =========================================
    END Ofertas y Promociones
   ========================================= */


/* =========================================
   Categorias Uniformes medicos
   ========================================= */