/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/






/* --- Selector de idiomas encima del menú, sólo en escritorio ---------------
 *  Salient pasa al menú desplegable por debajo de 1000px. Por encima, el
 *  selector se coloca en la esquina superior derecha de la cabecera, sobre el
 *  espacio libre que queda encima de la navegación, y las entradas de idioma
 *  del menú se ocultan. Por debajo, al revés: el bloque desaparece y quedan las
 *  entradas dentro del desplegable, como estaban.
 * ------------------------------------------------------------------------ */
.eame-idiomas {
	/* Salient impone display en los <li> del menú con !important, así que para
	   ocultarlo fuera del escritorio hace falta lo mismo. */
	display: none !important;
}

@media only screen and (min-width: 1000px) {

	#header-outer #top .row {
		position: relative;
	}

	#header-outer #top .sf-menu > li.eame-idiomas {
		/* Salient fuerza display en los <li> del menú con !important desde una
		   hoja que carga después de esta, así que aquí hace falta lo mismo. */
		display: block !important;
		position: absolute;
		/* Justo debajo del logotipo y alineado con su borde izquierdo. La
		   cabecera mide 140px y el logotipo va centrado, de y=30 a y=110: de ahí
		   el desplazamiento. Si cambia el alto del logotipo, este número es el
		   único que hay que tocar.

		   No se pone a la derecha porque el carrito tiene un área de pulsación
		   que llega al borde superior y se comía el enlace del último idioma. */
		top: 112px;
		left: 0;
		right: auto;
		float: none;
		margin: 0;
		padding: 5px 12px;
		line-height: 1;
		background: #000;
		border-radius: 4px;
		/* Por encima del carrito y de los iconos sociales. */
		z-index: 10001;
	}

	.eame-idiomas__lista {
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}

	#header-outer #top .sf-menu > li.eame-idiomas .eame-idiomas__enlace {
		display: inline-block;
		padding: 0;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: .06em;
		line-height: 1;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		opacity: .65;
		transition: opacity .2s ease;
	}

	#header-outer #top .sf-menu > li.eame-idiomas .eame-idiomas__enlace:hover,
	#header-outer #top .sf-menu > li.eame-idiomas .eame-idiomas__enlace:focus-visible {
		color: #fff;
		opacity: 1;
	}

	#header-outer #top .sf-menu > li.eame-idiomas .eame-idiomas__enlace--actual {
		color: #fff;
		opacity: 1;
		text-decoration: underline;
		text-underline-offset: 3px;
	}

	.eame-idiomas__separador {
		font-size: 12px;
		color: #fff;
		opacity: .4;
	}

	/* Dentro de la barra ya no hacen falta: están arriba. */
	#header-outer #top .sf-menu > li.lang-item {
		display: none !important;
	}
}

/* --- El menú principal ------------------------------------------------------
 *  El espaciado entre entradas se controla desde los ajustes del tema, en
 *  «header-menu-item-spacing».
 *
 *  Nada de white-space:nowrap aquí: obliga al menú a mantener su ancho y, en
 *  pantallas por debajo de 1440px, se sale de la ventana en lugar de partirse.
 *  Es preferible que una etiqueta larga baje de línea a que el carrito quede
 *  fuera de la pantalla.
 * ------------------------------------------------------------------------ */