/*
 * Ajustes solo para el teléfono (Elisa, 23-09-2026).
 * Va aparte para poder volver atrás borrando mu-plugins/giraffe-movil.php.
 * Mismo corte que la barra: hasta 999px.
 */
@media (max-width: 999px) {

	/* ---------------------------------------------------------- la barra
	 * Hamburguesa a la izquierda, logotipo al centro, carrito a la derecha.
	 * «Quiénes somos» y «Cómo vender» ya están en el menú de la hamburguesa.
	 * (El `display:inline-block` de la barra blanca les ganaba a la regla que
	 * los escondía y aplastaba el logotipo a 0px.) */
	.gc-barra .gc-nav-der > a:not(.gc-carro) { display: none !important; }
	.gc-barra .gc-barra-in { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; }
	.gc-barra .gc-barra-ham,
	.gc-barra .gc-nav-der { flex: 0 0 44px; display: flex; align-items: center; }
	.gc-barra .gc-nav-der { justify-content: flex-end; }
	.gc-barra .gc-barra-logo { flex: 1 1 auto; justify-content: center; min-width: 0; }
	.gc-barra .gc-barra-logo img { width: auto; max-width: 100%; height: 26px; }

	/* En la portada no va el logotipo de la barra: el de la foto ya dice quiénes somos. */
	body.home .gc-barra .gc-barra-logo { visibility: hidden; }

	/* El carrito como ícono: una bolsa, con el número encima si hay algo. */
	.gc-barra .gc-carro {
		position: relative;
		display: inline-block !important;
		width: 26px;
		height: 26px !important;
		font-size: 0 !important;
		line-height: 0 !important;
		margin: 0 !important;
		color: transparent !important;
	}
	.gc-barra .gc-carro::before {
		content: "";
		position: absolute;
		inset: 0;
		background: var(--gc-tinto, #7A1C2F);
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 13H6L5 8z'/%3E%3Cpath d='M9 10V6a3 3 0 0 1 6 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
		        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 13H6L5 8z'/%3E%3Cpath d='M9 10V6a3 3 0 0 1 6 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	.gc-barra .gc-carro[data-n]:not([data-n="0"])::after {
		content: attr(data-n);
		position: absolute;
		top: -4px;
		right: -7px;
		min-width: 16px;
		height: 16px;
		padding: 0 4px;
		box-sizing: border-box;
		border-radius: 8px;
		background: var(--gc-tinto, #7A1C2F);
		color: #fff;
		font: 600 10px/16px var(--gc-display, sans-serif);
		letter-spacing: 0;
		text-align: center;
	}

	/* --------------------------------------------------------- la portada
	 * Entre «Últimos agregados» y las jirafas quedaban ~140px en blanco: la
	 * caja de cada jirafa tenía min-height 210px y la foto solo 110px. */
	.gc-inicio .gc-inicio-ua { padding-bottom: 4px !important; }
	.gc-inicio .gc-inicio-cats { padding-top: 14px !important; }
	.gc-inicio .gc-cat-figura { height: auto !important; min-height: 0 !important; }

	/* ------------------------------------------------------- el catálogo
	 * «Añadir al carrito»: más bajo, a todo el ancho de la tarjeta y en una línea. */
	.wc-block-components-product-button .wc-block-components-product-button__button,
	.woocommerce ul.products li.product .button {
		width: 100% !important;
		min-height: 0 !important;
		padding: 9px 6px !important;
		font-size: 12.5px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		margin-bottom: .6rem !important;
	}

	/* Sin el título de la categoría («PANTALONES»): la miga de pan ya lo dice. */
	body.tax-product_cat .wp-block-query-title,
	body.tax-product_cat .woocommerce-products-header__title { display: none !important; }
}