/* ============================================================
   ATB Bazaar — shop archive skin.
   Maps WooCommerce loop markup onto the static shop.html design
   (site.css provides .shop .filters .toolbar .prod-grid .prod).
   ============================================================ */

/* Loop <ul> behaves as the design grid (prod-grid class is added
   via the woocommerce_product_loop_start filter). */
ul.products{list-style:none;margin:0;padding:0}
ul.products li.prod{margin:0}

/* Active category filter link (template uses aria-current) */
.filters .grp .f[aria-current="page"]{background:var(--teal);color:var(--on-teal)}
.filters .grp .f[aria-current="page"] em{color:color-mix(in oklch,var(--on-teal) 75%,transparent)}
.filters .side-note{font-size:13.5px;color:var(--ink-2);line-height:1.6}
.filters .side-note a{color:var(--teal);font-weight:600;text-decoration:none}
.filters .side-note a:hover{text-decoration:underline}

/* Toolbar: WooCommerce result count + ordering select */
.shop-main .toolbar .woocommerce-result-count{margin:0;color:var(--ink-2);font-size:14px}
.shop-main .toolbar .woocommerce-ordering{margin:0}
.shop-main .toolbar .woocommerce-ordering select.orderby{
  appearance:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink);background:var(--bg);
  border:1px solid var(--line);border-radius:var(--r);padding:10px 38px 10px 14px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A4B3F' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}

/* Pagination */
.woocommerce-pagination{margin-top:44px;text-align:center}
.woocommerce-pagination ul.page-numbers{list-style:none;display:inline-flex;gap:8px;margin:0;padding:0}
.woocommerce-pagination .page-numbers li{margin:0}
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;
  border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:14.5px;
}
.woocommerce-pagination a.page-numbers:hover{border-color:var(--ink)}
.woocommerce-pagination span.page-numbers.current{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}

/* Empty state */
.shop-main .empty,
.woocommerce-no-products-found{padding:64px 0;color:var(--ink-2);font-size:1.05rem}

/* The archive prints notices inside .wrap above the grid */
.woocommerce-notices-wrapper:empty{display:none}