/*
 * Enertrim - arreglo de legibilidad del menú desplegable del celular.
 *
 * El menú mobile del tema (Astra) quedaba prácticamente ilegible: texto casi
 * blanco (#F7F9FB) sobre un panel blanco, contraste 1,06:1 contra el mínimo
 * de 4,5:1 que pide WCAG AA. Pasa en todas las páginas del sitio.
 *
 * La causa es de configuración del tema (Apariencia > Personalizar > Header
 * Builder > Menú > Diseño > color de fondo del menú mobile). Si se corrige
 * ahí, este archivo deja de hacer falta: se puede borrar sin consecuencias,
 * o desactivar con el filtro 'enertrim_calc_arreglar_menu_mobile'
 * (add_filter( 'enertrim_calc_arreglar_menu_mobile', '__return_false' );).
 *
 * Está acotado al menú mobile y al ancho en que el tema lo muestra, así que
 * no toca el menú de escritorio.
 *
 * transition: none a propósito: el tema anima el color del enlace (0,2 s) y,
 * con la animación, un enlace puede verse casi transparente un instante al
 * abrir el menú.
 */
@media (max-width: 921px) {
	body .ast-mobile-header-wrap .ast-mobile-header-content,
	body .ast-mobile-header-content,
	body .ast-mobile-header-content .main-header-menu,
	body #ast-hf-mobile-menu.main-navigation,
	body #ast-hf-mobile-menu .main-header-menu {
		background-color: #0A0C0E;
	}

	body #ast-hf-mobile-menu .menu-item > a,
	body #ast-hf-mobile-menu .menu-item > .menu-link {
		color: #F7F9FB;
		transition: none;
	}

	body #ast-hf-mobile-menu .menu-item > a:hover,
	body #ast-hf-mobile-menu .menu-item > a:focus,
	body #ast-hf-mobile-menu .current-menu-item > a,
	body #ast-hf-mobile-menu .current_page_item > a {
		color: #F5A623;
	}

	body #ast-hf-mobile-menu .menu-item {
		border-bottom: 1px solid #124E5F;
	}

	/* Íconos de redes del menú: venían negros, invisibles sobre el fondo oscuro. */
	body .ast-mobile-header-content .ast-builder-social-element svg,
	body .ast-mobile-header-content .ast-builder-social-element svg path {
		fill: #F7F9FB;
	}

	body .ast-mobile-header-content .ast-builder-social-element:hover svg,
	body .ast-mobile-header-content .ast-builder-social-element:hover svg path,
	body .ast-mobile-header-content .ast-builder-social-element:focus svg,
	body .ast-mobile-header-content .ast-builder-social-element:focus svg path {
		fill: #F5A623;
	}
}

/* Deja solo Instagram en los íconos de redes del menú del celular. */
@media (max-width: 921px) {
	body .ast-mobile-header-content .ast-facebook,
	body .ast-mobile-header-content .ast-twitter {
		display: none;
	}
}