/**
 * WalkWise — WooCommerce Overrides
 * Buttons, checkout, cart, my-account
 */

/* ────────────────────────────────────────────────────────────
   BUTTONS
   ──────────────────────────────────────────────────────────── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce .checkout-button,
.woocommerce .single_add_to_cart_button,
.woocommerce #payment #place_order {
  background:    var(--ww-gradient) !important;
  color:         var(--ww-white) !important;
  border:        none !important;
  border-radius: var(--ww-radius-pill) !important;
  font-family:   var(--ww-font-heading) !important;
  font-weight:   var(--ww-weight-semibold) !important;
  letter-spacing: var(--ww-ls-upper) !important;
  text-transform: uppercase !important;
  padding:       12px 32px !important;
  transition:    opacity var(--ww-transition), transform var(--ww-transition) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .checkout-button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce #payment #place_order:hover {
  opacity:   .88 !important;
  transform: translateY(-1px) !important;
  color:     var(--ww-white) !important;
  background: var(--ww-gradient) !important;
}

/* ────────────────────────────────────────────────────────────
   PRODUCT / COURSE LISTING
   ──────────────────────────────────────────────────────────── */
.woocommerce ul.products li.product {
  border-radius: var(--ww-radius-lg) !important;
  box-shadow:    var(--ww-shadow-card) !important;
  overflow:      hidden;
  transition:    transform var(--ww-transition), box-shadow var(--ww-transition);
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: var(--ww-shadow-lg) !important; }

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
  color:       var(--ww-primary) !important;
  font-weight: var(--ww-weight-black) !important;
  font-size:   var(--ww-text-xl) !important;
}
.woocommerce ul.products li.product .price del { color: var(--ww-gray-alt) !important; font-weight: var(--ww-weight-light) !important; }

.woocommerce .onsale {
  background:    var(--ww-gradient) !important;
  border-radius: var(--ww-radius-pill) !important;
  color:         var(--ww-white) !important;
  font-family:   var(--ww-font-label) !important;
  font-weight:   var(--ww-weight-bold) !important;
}

/* ────────────────────────────────────────────────────────────
   CART
   ──────────────────────────────────────────────────────────── */
.woocommerce-cart-form table.cart {
  border-radius: var(--ww-radius-lg) !important;
  overflow:      hidden;
  box-shadow:    var(--ww-shadow-sm) !important;
}
.woocommerce-cart-form table.cart thead th {
  background:  var(--ww-lavender) !important;
  font-family: var(--ww-font-sub) !important;
  color:       var(--ww-text) !important;
  font-weight: var(--ww-weight-semibold) !important;
}
.woocommerce-cart-form table.cart tbody tr:hover td { background: rgba(244,123,32,.04) !important; }

.cart-collaterals .cart_totals {
  border-radius: var(--ww-radius-lg) !important;
  box-shadow:    var(--ww-shadow-md) !important;
  padding:       var(--ww-space-6) !important;
}
.cart_totals h2 { color: var(--ww-text) !important; font-family: var(--ww-font-heading) !important; }
.order-total .amount { color: var(--ww-primary) !important; font-weight: var(--ww-weight-black) !important; font-size: var(--ww-text-2xl) !important; }

/* ────────────────────────────────────────────────────────────
   CHECKOUT
   ──────────────────────────────────────────────────────────── */
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3 {
  font-family: var(--ww-font-heading) !important;
  color:       var(--ww-text) !important;
  font-weight: var(--ww-weight-bold) !important;
}
.woocommerce-checkout .woocommerce-billing-fields input,
.woocommerce-checkout .woocommerce-shipping-fields input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  border:        2px solid rgba(244,123,32,.3) !important;
  border-radius: var(--ww-radius-md) !important;
  font-family:   var(--ww-font-body) !important;
  padding:       var(--ww-space-3) var(--ww-space-4) !important;
  transition:    border-color var(--ww-transition), box-shadow var(--ww-transition);
}
.woocommerce-checkout input:focus, .woocommerce-checkout select:focus, .woocommerce-checkout textarea:focus {
  border-color: var(--ww-primary) !important;
  box-shadow:   0 0 0 3px rgba(244,123,32,.18) !important;
  outline:      none !important;
}
#order_review { border-radius: var(--ww-radius-lg) !important; box-shadow: var(--ww-shadow-md) !important; padding: var(--ww-space-6) !important; }

/* ────────────────────────────────────────────────────────────
   MY ACCOUNT
   ──────────────────────────────────────────────────────────── */
.woocommerce-MyAccount-navigation ul {
  background:    var(--ww-lavender) !important;
  border-radius: var(--ww-radius-lg) !important;
  padding:       var(--ww-space-4) !important;
}
.woocommerce-MyAccount-navigation ul li a {
  font-family:   var(--ww-font-sub) !important;
  color:         var(--ww-text) !important;
  border-radius: var(--ww-radius-sm) !important;
  padding:       var(--ww-space-2) var(--ww-space-4) !important;
  display:       block;
  transition:    background var(--ww-transition), color var(--ww-transition);
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--ww-gradient) !important;
  color:      var(--ww-white) !important;
}
.woocommerce-MyAccount-content { border-radius: var(--ww-radius-lg) !important; box-shadow: var(--ww-shadow-sm) !important; padding: var(--ww-space-6) !important; }

/* ────────────────────────────────────────────────────────────
   NOTICES / MESSAGES
   ──────────────────────────────────────────────────────────── */
.woocommerce-message { border-top-color: var(--ww-green) !important; background: rgba(93,177,47,.06) !important; border-radius: var(--ww-radius-md) !important; }
.woocommerce-error  { border-top-color: #e74c3c !important; border-radius: var(--ww-radius-md) !important; }
.woocommerce-info   { border-top-color: var(--ww-primary) !important; background: rgba(244,123,32,.06) !important; border-radius: var(--ww-radius-md) !important; }

/* ────────────────────────────────────────────────────────────
   ORDER CONFIRMATION PAGE
   ──────────────────────────────────────────────────────────── */
.woocommerce-thankyou-order-received {
  background:    var(--ww-gradient) !important;
  color:         var(--ww-white) !important;
  border-radius: var(--ww-radius-xl) !important;
  padding:       var(--ww-space-8) !important;
  font-weight:   var(--ww-weight-semibold) !important;
  text-align:    center;
}

@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation ul { margin-bottom: var(--ww-space-6) !important; }
}