/* Tienda y categorías: el primer producto, cuanto antes. */

.alo-woo__migas {
	padding-top: 16px;
}

.alo-tienda__cabecera {
	padding-bottom: clamp(14px, 2.4vw, 22px);
}

.alo-tienda__titulo {
	margin-bottom: 0.3em;
}

.alo-tienda__entradilla {
	max-width: 46rem;
	margin-bottom: 14px;
	color: var(--alo-tinta-suave);
}

.alo-tienda__entradilla p {
	margin: 0;
}

/* Categorías: enlaces reales que en el móvil se desplazan en una fila */
.alo-barra-cat ul {
	display: flex;
	gap: 8px;
	margin: 0 calc(-1 * var(--alo-medianil));
	padding: 2px var(--alo-medianil);
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}

.alo-barra-cat ul::-webkit-scrollbar {
	display: none;
}

.alo-barra-cat a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 8px 16px;
	border: 1px solid var(--alo-linea-campo);
	border-radius: 999px;
	background: var(--alo-blanco);
	color: var(--alo-navy);
	font-size: 0.9375rem;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color var(--alo-d-estado) ease, color var(--alo-d-estado) ease, border-color var(--alo-d-estado) ease;
}

.alo-barra-cat a[aria-current] {
	background: var(--alo-navy);
	border-color: var(--alo-navy);
	color: var(--alo-blanco);
}

@media (hover: hover) and (pointer: fine) {
	.alo-barra-cat a:not([aria-current]):hover {
		background: var(--alo-menta);
		border-color: var(--alo-turquesa-hondo);
	}
}

.alo-tienda__lista {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px 20px;
	padding-bottom: var(--alo-seccion);
}

.alo-tienda__lista > .woocommerce-notices-wrapper,
.alo-tienda__lista > ul.products,
.alo-tienda__lista > .woocommerce-pagination,
.alo-tienda__lista > .woocommerce-info {
	grid-column: 1 / -1;
}

.woocommerce-notices-wrapper:empty {
	display: none;
}

.woocommerce-result-count {
	margin: 0;
	font-size: var(--alo-t-pequeno);
	color: var(--alo-tinta-suave);
}

.woocommerce-ordering {
	margin: 0;
}

.woocommerce-ordering select {
	min-height: 44px;
	padding-block: 8px;
	font-size: var(--alo-t-pequeno);
}

@media (max-width: 479px) {
	.woocommerce-result-count {
		display: none;
	}

	.woocommerce-ordering {
		grid-column: 1 / -1;
	}

	.woocommerce-ordering select {
		width: 100%;
	}
}