/*
 * Shop archive chrome (toolbar, result count, ordering, breadcrumb, pagination).
 * Loaded on shop/product-taxonomy/cart/checkout/account pages.
 */

.ud-shop { padding-block: var(--ud-section-y); }
.ud-shop__inner { width: 100%; }

.woocommerce-products-header { margin-bottom: 1.5rem; }
.woocommerce-products-header__title { font-size: var(--ud-fs-h2); }
.term-description { color: var(--ud-muted); max-width: 70ch; }

/* Toolbar: result count + ordering on one flex line. */
.ud-shop__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--ud-line); }
.woocommerce-result-count { margin: 0 !important; color: var(--ud-muted); font-size: 0.9rem; }

.woocommerce-ordering { margin: 0 !important; }
.woocommerce-ordering select, .orderby {
	appearance: none; -webkit-appearance: none;
	background: var(--ud-surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%235c6b84' d='M1 1l5 5 5-5'/></svg>") no-repeat right 0.85rem center;
	border: 1px solid var(--ud-line); border-radius: var(--ud-radius-sm);
	padding: 0.55rem 2.2rem 0.55rem 0.9rem; font-family: var(--ud-font-body); font-size: 0.92rem; color: var(--ud-text); cursor: pointer;
}

/* Pagination */
.woocommerce-pagination { margin-top: 2.5rem; }
.woocommerce-pagination ul { display: flex; gap: 0.4rem; justify-content: center; border: none !important; list-style: none; padding: 0; }
.woocommerce-pagination ul li { border: none !important; }
.woocommerce-pagination a, .woocommerce-pagination span {
	display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 0.5rem !important;
	border: 1px solid var(--ud-line) !important; border-radius: var(--ud-radius-sm); background: var(--ud-surface) !important; color: var(--ud-text) !important;
}
.woocommerce-pagination .current { background: var(--ud-accent) !important; color: var(--ud-accent-ink) !important; border-color: var(--ud-accent) !important; }

/* Woo notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	border-top: 3px solid var(--ud-accent); background: var(--ud-surface); border-radius: var(--ud-radius-sm); box-shadow: var(--ud-shadow-sm);
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--ud-accent-text); }