/* ════════════════════════════════════════════════════════════
   WooCommerce — Altojive skin
   Maps Woo's classic + block markup onto the theme's design tokens.
   Loaded only on Woo pages when WooCommerce is active.
═══════════════════════════════════════════════════════════════ */

.woo-page { background: var(--bg-page, #f8f8f8); }
.woo-page .container { padding-block: var(--sp-10) var(--sp-16); max-width: 1080px; }

/* Page / section headings */
.woo-page h1, .woo-page h2.woocommerce-loop-product__title,
.woocommerce-account .woocommerce h2,
.woocommerce-checkout h3, .woocommerce-cart h2,
.woocommerce-order-received h2 {
  font-family: var(--font-display); font-weight: 800; color: var(--text-primary);
}

/* ── Buttons ─────────────────────────────────────────────── */
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce .wc-block-components-button, .wc-block-components-button {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--navy); color: #fff;
  font-family: var(--font-body); font-weight: 600; font-size: var(--text-base);
  padding: 12px var(--sp-6); border: none; border-radius: var(--r-md);
  line-height: 1.2; cursor: pointer; transition: background var(--t-base), transform var(--t-base);
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.wc-block-components-button:hover { background: var(--navy-hover); transform: translateY(-1px); color: #fff; }

/* Primary call-to-action (Place order / Proceed to checkout) → yellow */
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, .woocommerce #place_order,
.wc-block-components-checkout-place-order-button {
  background: var(--yellow); color: var(--navy);
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce #place_order:hover,
.wc-block-components-checkout-place-order-button:hover { background: var(--yellow-hover); color: var(--navy); }

/* ── Form fields ─────────────────────────────────────────── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container .select2-selection,
.woocommerce-cart .quantity input.qty,
.wc-block-components-text-input input,
.woo-page select {
  width: 100%; padding: 12px var(--sp-4);
  font-size: var(--text-base); font-family: var(--font-body);
  color: var(--text-primary); background: #fff;
  border: 1.5px solid var(--border); border-radius: var(--r-md);
  outline: none; transition: border-color var(--t-fast), box-shadow var(--t-fast);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.wc-block-components-text-input input:focus,
.woo-page select:focus {
  border-color: var(--navy); box-shadow: 0 0 0 3px rgba(30,32,53,.08);
}
.woocommerce form .form-row label,
.wc-block-components-checkout-step__title { font-weight: 600; color: var(--text-primary); }

/* ── Tables (cart, order details) ────────────────────────── */
.woocommerce table.shop_table {
  border: 1px solid var(--border); border-radius: var(--r-xl, 16px);
  border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff;
}
.woocommerce table.shop_table th { background: var(--grey-50); color: var(--text-primary); font-weight: 700; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: var(--sp-4); border-top: 1px solid var(--border-card, #f3f4f6); }
.woocommerce .cart_totals h2, .woocommerce-checkout #order_review_heading { margin-bottom: var(--sp-3); }

/* Prices */
.woocommerce .amount, .wc-block-formatted-money-amount { color: var(--text-primary); font-weight: 700; }

/* ── Notices ─────────────────────────────────────────────── */
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.wc-block-components-notice-banner {
  border-radius: var(--r-md); padding: var(--sp-4) var(--sp-5);
  border-left: 4px solid var(--navy); background: var(--grey-50);
  font-size: var(--text-sm); margin-bottom: var(--sp-5);
}
.woocommerce-message { border-left-color: #16a34a; background: #dcfce7; color: #15803d; }
.woocommerce-info    { border-left-color: var(--navy); }
.woocommerce-error   { border-left-color: var(--red); background: #fee2e2; color: #b91c1c; list-style: none; }

/* ── Account navigation ──────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block; padding: 10px var(--sp-4); border-radius: var(--r-md);
  color: var(--text-secondary); font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: var(--navy); color: #fff;
}

/* ── Checkout / cart layout polish ───────────────────────── */
.woocommerce-checkout #payment { background: #fff; border: 1px solid var(--border); border-radius: var(--r-lg, 12px); }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--border); }

@media (max-width: 768px) {
  .woo-page .container { padding-block: var(--sp-8) var(--sp-12); }
  .woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: var(--sp-3); }
}