/* ==========================================================================
   Conspiratees — WooCommerce Overrides
   Resets WooCommerce defaults to match the Conspiratees design system.
   Loaded only when WooCommerce is active (see functions.php).
   ========================================================================== */

/* --- Reset WooCommerce chrome --- */
.woocommerce,
.woocommerce-page {
  background: var(--bg);
  color: var(--fg-2);
  font-family: var(--font-mono);
  font-size: var(--t-mono-md);
  line-height: var(--leading-body);
}

/* Buttons — replace WC defaults */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  font-family: var(--font-mono);
  font-size: var(--t-mono-sm);
  font-weight: 600;
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  padding: 14px 22px;
  border-radius: 0;
  border: 1px solid var(--bone);
  background: transparent;
  color: var(--fg-1);
  cursor: pointer;
  transition: background var(--dur-base) var(--ease),
              color var(--dur-base) var(--ease),
              border-color var(--dur-base) var(--ease);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--bone-bright);
  color: var(--ink-black);
  border-color: var(--bone-bright);
}

/* Primary / Add to cart */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--bone-bright);
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--accent-press);
  border-color: var(--accent-press);
  color: var(--bone-bright);
}

/* Form fields */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  font-family: var(--font-mono);
  font-size: var(--t-mono-md);
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--border-strong);
  border-radius: 0;
  color: var(--fg-1);
  padding: 14px 0 12px;
  outline: none;
  box-shadow: none;
  transition: border-color var(--dur-base) var(--ease);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-bottom-color: var(--accent);
}

/* Labels */
.woocommerce form .form-row label {
  font-family: var(--font-mono);
  font-size: var(--t-mono-sm);
  font-weight: 500;
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--fg-3);
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  font-family: var(--font-mono);
  font-size: var(--t-mono-sm);
  letter-spacing: var(--tracking-wide);
  border-radius: 0;
  border-top: 3px solid var(--accent);
  background: var(--bg-elev-1);
  color: var(--fg-2);
}
.woocommerce-info { border-top-color: var(--accent-2); }

/* Tables (cart, order summary) */
.woocommerce table.shop_table {
  font-family: var(--font-mono);
  font-size: var(--t-mono-sm);
  border: 1px solid var(--border-dark);
  border-radius: 0;
}
.woocommerce table.shop_table th {
  font-size: var(--t-mono-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--fg-3);
  font-weight: 500;
  border-bottom: 1px solid var(--border-dark);
  background: var(--bg-elev-1);
  padding: 14px 16px;
}
.woocommerce table.shop_table td {
  border-bottom: 1px solid var(--border-dark);
  padding: 16px;
  color: var(--fg-2);
}

/* Order totals */
.woocommerce-checkout-review-order .shop_table tfoot td,
.woocommerce-checkout-review-order .shop_table tfoot th {
  color: var(--fg-1);
  letter-spacing: var(--tracking-wide);
}

/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb {
  font-family: var(--font-mono);
  font-size: var(--t-mono-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--fg-3);
  background: none;
  padding: var(--s-5) var(--s-9);
}

/* Star ratings */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: var(--accent);
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  font-family: var(--font-mono);
  font-size: var(--t-mono-xs);
  letter-spacing: var(--tracking-wider);
  border: 1px solid var(--border-dark);
  border-radius: 0;
  color: var(--fg-2);
  background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--bg-elev-1);
  color: var(--fg-1);
}
