/**
 * Artistry Maker Studio — woocommerce.css
 * Additional WooCommerce-specific styles beyond the main style.css
 */

/* ============================================================
   SHOP PAGE
   ============================================================ */

.woocommerce-page .woocommerce-wrapper {
  padding-top: 100px;
  min-height: 80vh;
}

/* Shop toolbar */
.woocommerce-ordering select,
.woocommerce-ordering .select2-container {
  background: var(--charcoal) !important;
  border: 1px solid var(--border-mid) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-body) !important;
  padding: 0.5rem 1rem !important;
}

.woocommerce-result-count {
  font-family: var(--font-mono) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  color: var(--text-muted) !important;
  text-transform: uppercase !important;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--charcoal) !important;
  border: 1px solid var(--border-subtle) !important;
  color: var(--text-secondary) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-mono) !important;
  font-size: 0.8rem !important;
  min-width: 38px;
  height: 38px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  border-color: var(--border-accent) !important;
  color: var(--cyan) !important;
  background: var(--cyan-ghost) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--cyan) !important;
  border-color: var(--cyan) !important;
  color: var(--obsidian) !important;
}

/* ============================================================
   SINGLE PRODUCT PAGE
   ============================================================ */

.woocommerce div.product {
  padding-top: 100px;
}

.woocommerce div.product div.images {
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border-subtle);
}

.woocommerce div.product div.summary {
  padding-left: 2rem;
}

.woocommerce div.product .woocommerce-product-gallery__wrapper img {
  background: var(--charcoal-mid);
}

/* Stock status */
.woocommerce div.product .stock {
  font-family: var(--font-mono) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.woocommerce div.product .in-stock {
  color: var(--cyan) !important;
}

.woocommerce div.product .out-of-stock {
  color: #ff4444 !important;
}

/* Quantity input */
.woocommerce .quantity input.qty {
  background: var(--charcoal) !important;
  border: 1px solid var(--border-mid) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  height: 48px !important;
  width: 70px !important;
}

/* Product meta */
.woocommerce div.product .product_meta {
  border-top: 1px solid var(--border-subtle) !important;
  padding-top: 1rem !important;
  margin-top: 1rem !important;
  font-family: var(--font-mono) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  color: var(--text-muted) !important;
  text-transform: uppercase !important;
}

.woocommerce div.product .product_meta a {
  color: var(--cyan) !important;
}

/* Related products */
.related.products h2,
.upsells.products h2 {
  font-family: var(--font-display) !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #e8edf5, var(--cyan)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin-bottom: 2rem !important;
}

/* ============================================================
   CART PAGE
   ============================================================ */

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .shipping_calculator {
  background: var(--charcoal-deep) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-lg) !important;
  padding: 1.5rem !important;
}

.woocommerce-cart .cart_totals h2,
.woocommerce-cart .shipping_calculator h2 {
  font-family: var(--font-display) !important;
  font-size: 1rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--text-secondary) !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--border-subtle) !important;
}

.woocommerce .cart-collaterals .order-total .amount {
  color: var(--cyan) !important;
  font-family: var(--font-display) !important;
  font-size: 1.4rem !important;
}

/* Coupon */
.woocommerce-cart .coupon input[type="text"] {
  background: var(--charcoal) !important;
  border: 1px solid var(--border-mid) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-md) !important;
  padding: 0.6rem 1rem !important;
}

/* ============================================================
   CHECKOUT PAGE
   ============================================================ */

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  background: var(--charcoal-deep) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-lg) !important;
  padding: 2rem !important;
}

.woocommerce-checkout h3 {
  font-family: var(--font-display) !important;
  font-size: 1rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--text-secondary) !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--border-subtle) !important;
}

.woocommerce-checkout label {
  font-family: var(--font-mono) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
}

/* Payment methods */
.woocommerce-checkout #payment {
  background: var(--charcoal-deep) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-lg) !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--border-subtle) !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
  font-family: var(--font-body) !important;
  color: var(--text-secondary) !important;
}

/* ============================================================
   MY ACCOUNT
   ============================================================ */

.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--charcoal-deep) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-lg) !important;
  padding: 1rem !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  font-family: var(--font-display) !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--text-secondary) !important;
  padding: 0.6rem 1rem !important;
  display: block !important;
  border-radius: var(--radius-sm) !important;
  transition: all 0.15s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  color: var(--cyan) !important;
  background: var(--cyan-ghost) !important;
}

/* ============================================================
   STAR RATINGS
   ============================================================ */

.woocommerce .star-rating,
.woocommerce .star-rating span {
  color: var(--cyan) !important;
  font-size: 0.9rem !important;
}

/* ============================================================
   BREADCRUMBS
   ============================================================ */

.woocommerce .woocommerce-breadcrumb {
  font-family: var(--font-mono) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  color: var(--text-muted) !important;
  padding: 1.5rem 0 0 !important;
}

.woocommerce .woocommerce-breadcrumb a {
  color: var(--text-muted) !important;
  transition: color 0.15s ease !important;
}

.woocommerce .woocommerce-breadcrumb a:hover {
  color: var(--cyan) !important;
}