/*
 * WooCommerce skin — Aust'n Co shop domain
 * Styles stock WooCommerce templates to match the theme's dark palette and
 * typography (variables defined in global.css: --ink, --bone, --accent, etc.).
 * No template overrides — presentation only.
 */

/* ---------- Layout ---------- */
.woocommerce,
.woocommerce-page {
  color: var(--bone);
  font-family: var(--sans);
  font-weight: 300;
}

.woocommerce .wrap,
.woocommerce-page .content-area,
.woocommerce-page > .woocommerce {
  max-width: 1240px;
  margin-inline: auto;
  padding: 60px 24px 100px;
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce .product_title,
.woocommerce-products-header__title {
  font-family: var(--serif);
  font-weight: 300;
  color: var(--bone);
  letter-spacing: .01em;
}

.woocommerce a {
  color: var(--accent);
}
.woocommerce a:hover {
  color: var(--bone);
}

/* ---------- Product grid ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--ink-2);
  border: 1px solid rgba(176, 130, 78, .18);
  border-radius: 4px;
  padding: 14px 14px 22px;
  transition: border-color .3s, transform .3s;
}
.woocommerce ul.products li.product:hover {
  border-color: var(--accent);
  transform: translateY(-4px);
}
.woocommerce ul.products li.product img {
  border-radius: 3px;
  margin-bottom: 14px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--serif);
  font-size: 20px;
  color: var(--bone);
  padding-top: 0;
}
.woocommerce ul.products li.product .price {
  color: var(--bone-dim);
  font-family: var(--sans);
}
.woocommerce ul.products li.product .price del {
  color: var(--muted);
  opacity: .7;
}
.woocommerce ul.products li.product .price ins {
  color: var(--accent);
  text-decoration: none;
}

/* ---------- Buttons ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--accent);
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 13px;
  border: 1px solid var(--accent);
  border-radius: 2px;
  padding: 12px 22px;
  transition: background .3s, color .3s, border-color .3s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--accent-deep);
  border-color: var(--accent-deep);
  color: var(--ink);
}
.woocommerce a.button.outline,
.woocommerce .widget_shopping_cart a.button {
  background: transparent;
  color: var(--accent);
}

/* ---------- Single product ---------- */
.woocommerce div.product .price,
.woocommerce div.product span.price {
  color: var(--accent);
  font-family: var(--serif);
  font-size: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: var(--ink-2);
  border: 1px solid rgba(176, 130, 78, .18);
  border-radius: 3px 3px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: var(--ink-3);
  border-bottom-color: var(--ink-3);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--bone-dim);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--bone);
}

/* ---------- Forms: cart, checkout, account ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce #customer_details input,
.woocommerce-account input.input-text {
  background: var(--ink-2);
  border: 1px solid rgba(176, 130, 78, .25);
  color: var(--bone);
  border-radius: 3px;
  padding: 12px 14px;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--accent);
  outline: none;
}
.woocommerce form .form-row label,
.woocommerce-checkout label,
.woocommerce-account label {
  color: var(--bone-dim);
}

/* ---------- Tables (cart / order) ---------- */
.woocommerce table.shop_table {
  background: var(--ink-2);
  border: 1px solid rgba(176, 130, 78, .18);
  border-radius: 4px;
  color: var(--bone);
}
.woocommerce table.shop_table th {
  color: var(--bone);
  font-family: var(--sans);
  font-weight: 500;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  border-top: 1px solid rgba(176, 130, 78, .12);
  color: var(--bone-dim);
}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
  background: transparent;
}

/* ---------- Notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce .woocommerce-info {
  background: var(--ink-2);
  border-top: 3px solid var(--accent);
  color: var(--bone);
}
.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--accent);
}
.woocommerce-error {
  border-top-color: #c0562e;
}

/* ---------- Sale flash ---------- */
.woocommerce span.onsale {
  background: var(--accent);
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 500;
  border-radius: 2px;
}

/* ---------- Pagination / results ---------- */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border-color: rgba(176, 130, 78, .25);
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: var(--bone-dim);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--accent);
  color: var(--ink);
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
  color: var(--bone-dim);
}