/* ============================================================
   ATB Bazaar — WooCommerce skin.
   Maps WooCommerce front-end markup onto the design system in
   site.css (tokens: --bg --surface --ink --ink-2 --teal --teal-deep
   --madder --brass --line --r --gut --maxw; fonts: Frank Ruhl Libre
   display / Hanken Grotesk text; buttons: .btn .btn-primary .btn-ghost).
   Default WooCommerce stylesheets are dequeued — this file owns
   every WooCommerce element.
   ============================================================ */

/* ---------- Buttons: map Woo buttons onto .btn-primary ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button,
button.single_add_to_cart_button,
.checkout-button,
button#place_order{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:.98rem;
  padding:14px 26px;border:1.5px solid transparent;border-radius:var(--r);
  cursor:pointer;text-decoration:none;line-height:1;
  background:var(--madder);color:#fff;
  transition:background .25s,transform .25s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
button.single_add_to_cart_button:hover,
.checkout-button:hover,
button#place_order:hover{background:var(--madder-dp);transform:translateY(-2px)}
.woocommerce a.button.disabled,
.woocommerce button.button:disabled,
button.single_add_to_cart_button.disabled{opacity:.55;cursor:not-allowed;transform:none}

/* ---------- Notices ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  list-style:none;margin:0 0 26px;padding:14px 18px;border-radius:var(--r);
  font-size:.95rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);
}
.woocommerce-message{border-left:3px solid var(--teal)}
.woocommerce-info{border-left:3px solid var(--brass)}
.woocommerce-error{border-left:3px solid var(--madder)}
.woocommerce-error li{margin:2px 0}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{
  float:right;padding:8px 14px;font-size:.85rem;margin-left:12px;
}

/* ---------- Forms ---------- */
.woocommerce form .form-row{margin:0 0 16px;padding:0}
.woocommerce form label{display:block;font-size:.85rem;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.woocommerce input.input-text,
.woocommerce textarea.input-text,
.woocommerce select,
.woocommerce .input-text{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--bg);color:var(--ink);font:inherit;font-size:.95rem;
}
.woocommerce input.input-text:focus,
.woocommerce textarea.input-text:focus,
.woocommerce select:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.woocommerce form .form-row .required{color:var(--madder);text-decoration:none}

/* ---------- Quantity stepper (site.js wraps input.qty in .atb-qty) ---------- */
.atb-qty{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.atb-qty button{
  width:38px;border:0;background:var(--surface);color:var(--ink);cursor:pointer;
  font-size:1.05rem;line-height:1;min-height:44px;
}
.atb-qty button:hover{background:var(--surface-2)}
.atb-qty input.qty{
  width:52px;border:0;text-align:center;font:inherit;background:var(--bg);color:var(--ink);
  -moz-appearance:textfield;appearance:textfield;
}
.atb-qty input.qty::-webkit-outer-spin-button,
.atb-qty input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ---------- Price display ---------- */
.woocommerce .price,.woocommerce span.price{color:var(--ink);font-weight:600}
.woocommerce .price del{color:var(--ink-2);font-weight:400;opacity:.7;margin-right:8px}
.woocommerce .price ins{text-decoration:none}

/* ---------- Star ratings (hidden until reviews are curated) ---------- */
.woocommerce .star-rating,.woocommerce-product-rating{display:none}

/* Sections below (product grid, single product, cart, checkout, account)
   are appended by the template build — see the corresponding templates. */