/*
 * Aprovecha mejor la cabecera en portatiles sin modificar el menu movil ni
 * encoger la composicion en pantallas grandes.
 */
@media only screen and (min-width: 850px) and (max-width: 1550px) {
	#masthead .header-inner {
		box-sizing: border-box;
		max-width: none !important;
		padding-right: clamp(16px, 2vw, 30px) !important;
		padding-left: clamp(16px, 2vw, 30px) !important;
	}

	#masthead #logo {
		flex: 0 0 clamp(92px, 9vw, 132px) !important;
		width: clamp(92px, 9vw, 132px) !important;
		margin-right: clamp(12px, 1.5vw, 24px) !important;
	}

	#masthead .header-nav.nav-left {
		flex-wrap: nowrap !important;
		white-space: nowrap;
	}

	/* Centra el bloque de navegacion dentro del espacio realmente disponible. */
	#masthead .header-inner > .flex-left.flex-grow {
		justify-content: center;
	}

	#masthead .header-nav.nav-left > li {
		margin-right: clamp(7px, .85vw, 12px) !important;
		margin-left: clamp(7px, .85vw, 12px) !important;
	}

	#masthead .header-nav.nav-right > li {
		margin-right: 6px !important;
		margin-left: 6px !important;
	}
}

/* La cesta reaparece automaticamente en cuanto WooCommerce contiene algo. */
@supports selector(.cart-item:has(.ux-mini-cart-empty)) {
	#masthead .cart-item:has(.ux-mini-cart-empty) {
		display: none !important;
	}
}

@media only screen and (min-width: 850px) and (max-width: 1180px) {
	#masthead .header-nav.nav-left > li > a {
		font-size: 13px !important;
	}
}