/**
 * Aries Victoria — WooCommerce Supplemental CSS
 * ─────────────────────────────────────────────────
 * Loaded only on WooCommerce pages (shop, cart, checkout, account).
 * Overrides and extends WooCommerce core styles to match the Aries Victoria
 * dark-theme design system.
 *
 * Architecture:
 *   main.css        — loaded everywhere (global components + layout)
 *   woocommerce.css — loaded only on WC pages (imports section stylesheets)
 *   pdp.css         — loaded conditionally on product pages (via enqueue.php)
 *
 * @package AriasVictoria
 */

@import 'sections/checkout.css';


/* ─────────────────────────────────────────────────────────────────────────────
 * GLOBAL WC RESETS
 * Remove default WooCommerce styles that conflict with our design system.
 * ───────────────────────────────────────────────────────────────────────────── */

/* WC adds a blue border to some elements — reset to our border token */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--color-text-primary);
  color:      var(--color-text-inverse);
  border:     none;
  border-radius: var(--radius-sm);
  padding:    var(--space-3) var(--space-6);
  font-size:  var(--text-sm);
  font-weight: var(--font-semibold);
  cursor:     pointer;
  transition: opacity var(--duration-150) var(--ease-out);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  opacity:    0.85;
  background: var(--color-text-primary);
  color:      var(--color-text-inverse);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt {
  background: var(--color-accent, var(--color-text-primary));
}


/* ─────────────────────────────────────────────────────────────────────────────
 * CART PAGE
 * @todo Implement full cart page styles
 * ───────────────────────────────────────────────────────────────────────────── */

.woocommerce-cart .entry-content {
  max-width: none;
}


/* ─────────────────────────────────────────────────────────────────────────────
 * CHECKOUT PAGE
 * @todo Implement full checkout page styles
 * ───────────────────────────────────────────────────────────────────────────── */


/* ─────────────────────────────────────────────────────────────────────────────
 * ACCOUNT PAGE
 * @todo Implement full account page styles
 * ───────────────────────────────────────────────────────────────────────────── */