/* ============================================================
   Shop archive — page title, toolbar (result count + ordering),
   breadcrumb, pagination. Cards come from product-card.css.
   Loaded after woocommerce.css; .woocommerce-scoped to win specificity.
   ============================================================ */

.woocommerce-breadcrumb {
  font-size: 0.85rem; color: var(--hcg-text-muted); margin: 0 0 18px;
}
.woocommerce-breadcrumb a { color: var(--hcg-text-muted); }
.woocommerce-breadcrumb a:hover { color: var(--hcg-primary); }

.woocommerce .woocommerce-products-header__title,
.woocommerce h1.entry-title, .woocommerce .page-title {
  font-size: var(--hcg-fs-feature); color: var(--hcg-heading); margin: 0 0 6px;
}

/* Toolbar: result count + orderby on one row */
.woocommerce .woocommerce-result-count { color: var(--hcg-text-muted); font-size: 0.9rem; margin: 0; float: none; }
.woocommerce .woocommerce-ordering { margin: 0; float: none; }
.woocommerce-notices-wrapper:empty { display: none; }

.hcg-shop .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count { }

/* Lay the result count + ordering out as a flex toolbar */
.woocommerce .before-shop-loop-toolbar,
.hcg-shop__toolbar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap; margin: 0 0 26px;
}

/* Style the orderby <select> with a custom caret */
.woocommerce .woocommerce-ordering select,
.orderby {
  -webkit-appearance: none; appearance: none;
  border: 1px solid var(--hcg-border); background: #fff; color: var(--hcg-heading);
  padding: 9px 38px 9px 14px; font-family: inherit; font-size: 0.9rem; border-radius: var(--hcg-radius);
  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='%23BD669D' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center;
  cursor: pointer;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination { margin-top: 36px; }
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 6px; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; margin: 0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border: 1px solid var(--hcg-border); border-radius: var(--hcg-radius);
  padding: 8px 14px; color: var(--hcg-heading); background: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--hcg-action); border-color: var(--hcg-action); color: var(--hcg-heading);
}

/* Category archive description */
.woocommerce .term-description { color: var(--hcg-text); margin: 0 0 24px; }

/* Primary Woo buttons across cart / checkout / account — brand yellow CTA */
.woocommerce .button.alt,
.woocommerce button.button[type="submit"],
.woocommerce #place_order,
.woocommerce form.login .button,
.woocommerce form.register .button,
.woocommerce .checkout-button {
  background: var(--hcg-action); color: var(--hcg-heading);
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em;
  border: 0; border-radius: var(--hcg-radius-btn); padding: 12px 26px;
  transition: background 0.16s ease;
}
.woocommerce .button.alt:hover,
.woocommerce button.button[type="submit"]:hover,
.woocommerce #place_order:hover,
.woocommerce form.login .button:hover,
.woocommerce form.register .button:hover,
.woocommerce .checkout-button:hover { background: var(--hcg-action-hover); }

/* Secondary Woo buttons (e.g. "Update cart") — outline magenta */
.woocommerce .cart .button[name="update_cart"],
.woocommerce a.button.wc-backward {
  background: #fff; color: var(--hcg-primary); border: 1px solid var(--hcg-primary); border-radius: var(--hcg-radius);
}

/* Form fields on account/checkout */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-account form input.input-text {
  border: 1px solid var(--hcg-border); border-radius: var(--hcg-radius); padding: 10px 12px; font-family: inherit;
}
.woocommerce form .form-row input.input-text:focus { outline: 2px solid var(--hcg-primary); outline-offset: -2px; }

.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: var(--hcg-primary); font-weight: 700; }