/**
 * LELYS One — página de listagem (archive-product.html): loja, categoria,
 * marca e tag usam este mesmo template.
 */

.lelys-archive-hero {
	text-align: center;
}

.lelys-archive-hero__inner {
	max-width: 640px;
	margin-inline: auto;
}

.lelys-archive-hero .wp-block-query-title {
	margin: 0 0 0.75rem;
}

.lelys-archive-hero .wp-block-term-description {
	color: var(--wp--preset--color--muted, #6b7280);
	line-height: 1.6;
}

.lelys-archive-toolbar {
	padding: 1.25rem 0;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--wp--preset--color--line, #e5e7eb);
	gap: 1rem !important;
}

.lelys-archive-toolbar .woocommerce-result-count {
	margin: 0;
	font-size: 0.875rem;
	color: var(--wp--preset--color--muted, #6b7280);
}

.lelys-archive-toolbar__controls {
	gap: 1.5rem !important;
	align-items: center;
}

.lelys-per-page {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.lelys-per-page label {
	font-size: 0.875rem;
	color: var(--wp--preset--color--muted, #6b7280);
}

.lelys-per-page select,
.woocommerce-ordering select.orderby {
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid var(--wp--preset--color--line, #e5e7eb);
	border-radius: 8px;
	padding: 0.5rem 2rem 0.5rem 0.85rem;
	font-family: var(--wp--preset--font-family--heading, sans-serif);
	font-size: 0.875rem;
	color: var(--wp--preset--color--ink, #111827);
	background: var(--wp--preset--color--base, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
	background-size: 0.7rem;
	cursor: pointer;
}

.lelys-per-page select:focus-visible,
.woocommerce-ordering select.orderby:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d5671b);
	outline-offset: 2px;
}

@media (max-width: 782px) {
	.lelys-archive-toolbar {
		justify-content: flex-start !important;
	}
}