/*
 * SwingCraft — WooCommerce Styles
 * Aligns shop, product pages, cart, and checkout with SwingCraft design system.
 */

/* ── Product Grid Cards ──────────────────────────────────────────────────── */
.woocommerce ul.products li.product,
.wc-block-grid__products .wc-block-grid__product {
  border-radius: 16px !important;
  overflow: hidden;
  border: 1px solid var(--sc-border-100);
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  padding: 0 !important;
}

.woocommerce ul.products li.product:hover,
.wc-block-grid__products .wc-block-grid__product:hover {
  transform: translateY(-4px);
  box-shadow: var(--sc-shadow-card-hover);
}

/* Product image */
.woocommerce ul.products li.product a img {
  border-radius: 0 !important;
  margin: 0 !important;
}

/* Product info padding */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
  padding-left: 20px;
  padding-right: 20px;
}

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--sc-text-900) !important;
  padding-top: 16px;
  padding-bottom: 4px;
  font-family: var(--sc-font) !important;
}

/* Price */
.woocommerce ul.products li.product .price,
.woocommerce div.product .price {
  color: var(--sc-green) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: var(--sc-font) !important;
}

/* Add to cart button */
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button {
  background: var(--sc-green) !important;
  color: #fff !important;
  border-radius: var(--sc-btn-radius) !important;
  border: none !important;
  font-family: var(--sc-font) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 12px 24px !important;
  margin: 12px 20px 20px !important;
  width: calc(100% - 40px) !important;
  text-align: center !important;
  transition: background 0.2s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--sc-green-hover) !important;
  color: #fff !important;
}

/* ── Single Product Page ─────────────────────────────────────────────────── */
.woocommerce div.product .product_title {
  font-family: var(--sc-font) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--sc-text-900) !important;
  letter-spacing: var(--sc-tracking-tight) !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  font-size: 17px !important;
  color: var(--sc-text-600) !important;
  line-height: 1.6 !important;
}

/* Single product add to cart */
.woocommerce div.product form.cart .single_add_to_cart_button {
  background: var(--sc-green) !important;
  color: #fff !important;
  border-radius: var(--sc-btn-radius) !important;
  border: none !important;
  font-family: var(--sc-font) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding: 16px 40px !important;
  height: 56px !important;
  transition: background 0.2s ease, box-shadow 0.2s ease !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: var(--sc-green-hover) !important;
  box-shadow: var(--sc-shadow-btn) !important;
}

/* Product tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 8px 8px 0 0 !important;
  background: var(--sc-bg-light) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #fff !important;
  border-bottom-color: #fff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--sc-font) !important;
  font-weight: 600 !important;
  color: var(--sc-text-600) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--sc-green) !important;
}

/* ── Cart & Checkout ─────────────────────────────────────────────────────── */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-checkout #payment #place_order {
  background: var(--sc-green) !important;
  border-radius: var(--sc-btn-radius) !important;
  font-family: var(--sc-font) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding: 18px 40px !important;
  border: none !important;
  transition: background 0.2s ease !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout #payment #place_order:hover {
  background: var(--sc-green-hover) !important;
}

/* Checkout form inputs */
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-cart .coupon .input-text {
  border: 1px solid var(--sc-border-200) !important;
  border-radius: 8px !important;
  font-family: var(--sc-font) !important;
  font-size: 15px !important;
  padding: 12px 16px !important;
  color: var(--sc-text-900) !important;
  transition: border-color 0.2s ease !important;
}

.woocommerce-checkout .input-text:focus,
.woocommerce-checkout select:focus {
  border-color: var(--sc-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(27,67,50,0.1) !important;
}

/* Form labels */
.woocommerce-checkout label,
.woocommerce form .form-row label {
  font-family: var(--sc-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--sc-text-700) !important;
}

/* Order total */
.woocommerce-checkout .order-total .amount,
.woocommerce-cart .order-total .amount {
  color: var(--sc-green) !important;
  font-weight: 700 !important;
}

/* ── Notices ─────────────────────────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--sc-green) !important;
  background: rgba(27,67,50,0.04) !important;
  font-family: var(--sc-font) !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--sc-green) !important;
}

/* ── Breadcrumbs ─────────────────────────────────────────────────────────── */
.woocommerce .woocommerce-breadcrumb {
  font-size: 13px !important;
  color: var(--sc-text-400) !important;
  font-family: var(--sc-font) !important;
}

.woocommerce .woocommerce-breadcrumb a {
  color: var(--sc-text-500) !important;
}

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

/* ── Star Ratings ────────────────────────────────────────────────────────── */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: #F59E0B !important;
}

/* ── Sale Badge ──────────────────────────────────────────────────────────── */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: var(--sc-green) !important;
  border-radius: 9999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  min-height: auto !important;
  line-height: 1.5 !important;
}