/* ==========================================================================
   Shop / product archive chrome (toolbar, header, pagination, filters).
   Product cards themselves live in product-card.css (loaded globally).
   ========================================================================== */
/* .mlc-shop vertical padding is defined globally in style.css (shared by every
   WooCommerce surface) so the spacing is identical on cart/checkout/account too. */

.woocommerce-products-header { margin-bottom: clamp(20px, 3vw, 36px); }
.woocommerce-products-header__title { font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: .2em; }
.woocommerce-products-header .term-description { color: var(--mlc-ink-soft); max-width: 70ch; }

/* Breadcrumb */
.woocommerce-breadcrumb {
    font-size: .85rem; color: var(--mlc-ink-soft); margin-bottom: 16px;
}
.woocommerce-breadcrumb a { color: var(--mlc-green-dark); }

/* Result count + ordering toolbar (wrapped in .mlc-shop__toolbar via hooks) */
.mlc-shop__toolbar {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap; margin-bottom: 24px;
}
.mlc-shop__toolbar .woocommerce-result-count { color: var(--mlc-ink-soft); font-size: .9rem; margin: 0; }
.mlc-shop__toolbar .woocommerce-ordering { margin: 0; }

/* Orderby dropdown — strip the native arrow and place a single custom caret at
   the right so it sits correctly regardless of select width. */
.woocommerce-ordering select,
.woocommerce select.orderby {
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    padding: .6em 2.6em .6em 1em;
    border: 1px solid var(--mlc-line); border-radius: 999px;
    background-color: var(--mlc-card-bg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23212121' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .95em center;
    background-size: 12px;
    font: inherit; color: var(--mlc-ink); cursor: pointer;
}

/* Pagination */
.woocommerce-pagination ul { display: flex; gap: 8px; justify-content: center; list-style: none; padding: 0; margin: clamp(32px,5vw,56px) 0 0; }
.woocommerce-pagination a, .woocommerce-pagination span {
    display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 10px;
    border: 1px solid var(--mlc-line); border-radius: 999px; background: var(--mlc-card-bg); color: var(--mlc-ink);
}
.woocommerce-pagination .current { background: var(--mlc-green); color: #fff; border-color: var(--mlc-green); }
.woocommerce-pagination a:hover { border-color: var(--mlc-green); color: var(--mlc-green-dark); }

/* WooCommerce notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    border-radius: var(--mlc-radius-sm); padding: 14px 18px; margin-bottom: 18px;
    border-left: 4px solid var(--mlc-green); background: var(--mlc-green-tint); list-style: none;
}
.woocommerce-error { border-left-color: var(--mlc-sale); background: #fdecea; }