/*
 * Minimal styling for WooCommerce's default markup on pages this theme
 * doesn't fully re-skin (my-account/order pages, plus the archive's
 * breadcrumb/result-count/ordering row). Single product, cart, and
 * checkout each have their own dedicated stylesheet (carpcore-product.css,
 * carpcore-cart.css, carpcore-checkout.css); the shop/category archive
 * loop and header are handled by carpcore_specimen_card() +
 * woocommerce/loop/*.php + carpcore_collection_header() instead, reusing
 * the .cc-herb--shop / .shopgrid / .cc-shop__head styling from
 * carpcore-herbiary.css.
 */

/* ===== archive header (breadcrumb / result count / ordering) =====
   The <h1>/description WooCommerce would normally print here are
   replaced entirely by carpcore_collection_header() in
   inc/woocommerce.php — a direct port of carpcore-collection-header.liquid
   — so there's no default-title CSS to keep. */
.woocommerce-breadcrumb{
  font-family:'VT323',monospace; font-size:16px; letter-spacing:.04em; color:var(--color-foreground);
  opacity:.7; margin:0 0 1rem;
}
.woocommerce-breadcrumb a{ color:inherit; }
.woocommerce-result-count,
.woocommerce-ordering{
  font-family:'VT323',monospace; font-size:16px; color:var(--color-foreground);
}
.woocommerce-ordering select{
  font-family:'VT323',monospace; font-size:15px; background:var(--color-background);
  color:var(--color-foreground); border:2px solid var(--color-foreground); border-radius:5px; padding:4px 8px;
}

/* ===== notices ===== */
.woocommerce-message, .woocommerce-error, .woocommerce-info{
  font-family:'Nunito',sans-serif; list-style:none; margin:0 0 1.2rem; padding:12px 16px;
  border:3px solid var(--color-foreground); border-radius:8px 5px 9px 6px;
  background:var(--color-brand-paper-light);
}
.woocommerce-error{ border-color:var(--color-brand-coral); }
.woocommerce-message::before, .woocommerce-error::before, .woocommerce-info::before{ display:none; }

/* ===== buttons (add to cart, checkout, place order, etc.) ===== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  display:inline-flex; align-items:center; gap:.5ch; cursor:pointer; text-decoration:none;
  font-family:'Dela Gothic One',sans-serif; font-size:12px; letter-spacing:1px; text-transform:uppercase;
  color:var(--color-brand-paper-light); background:var(--color-brand-coral); border:3px solid var(--color-foreground);
  padding:11px 18px; box-shadow:5px 5px 0 var(--color-foreground); border-radius:6px;
  transition:transform .1s, box-shadow .1s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  transform:translate(-1px,-1px); box-shadow:6px 6px 0 var(--color-foreground); color:var(--color-brand-paper-light);
}
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active{ transform:translate(5px,5px); box-shadow:0 0 0 var(--color-foreground); }
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt{ background:var(--color-brand-navy); }

/* ===== price ===== */
.woocommerce .price{ font-family:'VT323',monospace; font-size:1.3rem; color:var(--color-brand-coral); }
.woocommerce .price del{ opacity:.5; font-size:.85em; color:var(--color-foreground); }
.woocommerce .price ins{ text-decoration:none; }

/* ===== quantity input ===== */
.woocommerce .quantity .qty{
  font-family:'VT323',monospace; font-size:1.1rem; width:4em; text-align:center;
  background:var(--color-background); color:var(--color-foreground);
  border:2px solid var(--color-foreground); border-radius:5px; padding:8px 4px;
}

/* Single-product page has its own dedicated stylesheet — see
   carpcore-product.css — so no product-page rules live here. */
.woocommerce table.shop_attributes,
.woocommerce table.woocommerce-product-attributes{
  font-family:'Nunito',sans-serif; border-collapse:collapse; width:100%;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td,
.woocommerce table.woocommerce-product-attributes th,
.woocommerce table.woocommerce-product-attributes td{
  border:1px solid rgb(var(--color-foreground-rgb) / .25); padding:8px 10px; text-align:left;
}

/* Cart and checkout each have their own dedicated stylesheet — see
   carpcore-cart.css and carpcore-checkout.css — so no table/form-field
   rules for those pages live here. */

/* ===== my-account ===== */
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; }
.woocommerce-MyAccount-navigation a{
  font-family:'Dela Gothic One',sans-serif; font-size:11px; letter-spacing:1px; text-transform:uppercase;
  color:var(--color-foreground); text-decoration:none; display:block; padding:8px 0;
}