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

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

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

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

.coisasdecasa-archive-hero .wp-block-term-description {
	color: var(--wp--preset--color--cinza-texto, #6B655C);
	line-height: 1.6;
}

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

.coisasdecasa-archive-toolbar .woocommerce-result-count {
	margin: 0;
	font-size: 0.875rem;
	color: var(--wp--preset--color--cinza-texto, #6B655C);
}

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

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

.coisasdecasa-per-page label {
	font-size: 0.875rem;
	color: var(--wp--preset--color--cinza-texto, #6B655C);
}

.coisasdecasa-per-page select,
.woocommerce-ordering select.orderby {
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid var(--wp--preset--color--linha, #E6E1D8);
	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--grafite, #22252A);
	background: var(--wp--preset--color--branco-papel, #FBF9F5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236B655C'%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;
}

.coisasdecasa-per-page select:focus-visible,
.woocommerce-ordering select.orderby:focus-visible {
	outline: 2px solid var(--wp--preset--color--vermelho-marca, #C81E2C);
	outline-offset: 2px;
}

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