/* ================================================
   Shop / Archive — WooCommerce-generated markup overrides
   Tailwind handles all layout and component classes.
   This file styles only HTML WooCommerce outputs directly.
   ================================================ */

/* ── Ordering select ── */
.woocommerce-ordering select {
	padding: 0.375rem 0.75rem;
	border: 1px solid #e2e8f0;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	font-family: inherit;
	color: #0d1b2a;
	background: #fff;
	cursor: pointer;
	transition: border-color 0.15s;
}

.woocommerce-ordering select:focus {
	outline: none;
	border-color: #2352b8;
	box-shadow: 0 0 0 3px rgba(35, 82, 184, 0.1);
}

/* ── Result count ── */
.woocommerce-result-count {
	font-size: 0.875rem;
	color: #64748b;
}

/* ── No products found ── */
.woocommerce-info {
	padding: 1rem 1.25rem;
	background: #f0f4ff;
	border-right: 4px solid #2352b8;
	border-radius: 0.5rem;
	font-size: 0.9rem;
	color: #0d1b2a;
}