/**
 * SiteHub × WooCommerce styling
 * Makes WC product/cart/checkout pages match the theme's
 * dark/light glassmorphism design system.
 */

.sitehub-woo-wrap{ padding-top:calc(var(--header-h) + 2rem); }

/* Shop / archive grid */
ul.products{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:1.25rem !important;
  list-style:none !important;
}
ul.products li.product{
  background:var(--grad-card);
  border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);
  padding:1.5rem;
  transition:all .25s ease;
}
ul.products li.product:hover{
  border-color:rgba(192,68,224,.3);
  transform:translateY(-4px);
}
ul.products li.product img{ border-radius:var(--radius-md); margin-bottom:1rem; }
ul.products li.product .woocommerce-loop-product__title{
  font-size:1.1rem;font-weight:800;color:var(--dark-text);margin-bottom:.5rem;
}
ul.products li.product .price{
  font-size:1.1rem;font-weight:800;
  background:var(--grad-main);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
ul.products li.product .button{
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;margin-top:1rem;padding:.7rem 1.5rem;
  border-radius:var(--radius-full);
  background:var(--grad-main);color:#fff !important;
  font-weight:700;font-size:.9rem;border:none;
}

/* Single product page */
.woocommerce div.product .summary{ direction:rtl; }
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-size:1.5rem;font-weight:800;
  background:var(--grad-main);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.woocommerce div.product form.cart .variations select{
  background:var(--dark-card);
  border:1.5px solid var(--dark-border);
  border-radius:var(--radius-md);
  color:var(--dark-text);
  padding:.6rem 1rem;
  font-family:var(--font);
}
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button{
  background:var(--grad-main) !important;
  color:#fff !important;
  border:none !important;
  border-radius:var(--radius-full) !important;
  padding:.875rem 2rem !important;
  font-weight:700 !important;
  font-family:var(--font) !important;
}
.woocommerce a.button.alt{ background:var(--grad-main) !important; }

/* Cart page */
.woocommerce table.shop_table{
  border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);
  background:var(--grad-card);
  overflow:hidden;
}
.woocommerce table.shop_table th{
  background:rgba(255,255,255,.04);
  color:var(--dark-text);font-weight:700;
}
.woocommerce table.shop_table td{
  border-top:1px solid var(--dark-border);
  color:var(--dark-text);
}
.woocommerce-cart-form .quantity input{
  background:var(--dark-card);
  border:1px solid var(--dark-border);
  color:var(--dark-text);
  border-radius:var(--radius-sm);
}
.cart-collaterals .cart_totals{
  background:var(--grad-card);
  border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);
  padding:1.5rem;
}
.cart-collaterals .cart_totals h2{
  color:var(--dark-text);font-size:1.2rem;margin-bottom:1rem;
}

/* Checkout page */
.woocommerce-checkout #payment{
  background:var(--grad-card);
  border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);
  padding:1.5rem;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea{
  background:rgba(255,255,255,.03);
  border:1.5px solid var(--dark-border);
  border-radius:var(--radius-md);
  color:var(--dark-text);
  padding:.875rem 1rem;
  font-family:var(--font);
}
.light-mode .woocommerce form .form-row input.input-text,
.light-mode .woocommerce form .form-row select,
.light-mode .woocommerce form .form-row textarea{
  background:#fff;
}
.woocommerce-checkout-review-order-table{
  background:var(--grad-card);
  border:1px solid var(--dark-border);
  border-radius:var(--radius-lg);
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{
  color:var(--dark-text);
  border-top:1px solid var(--dark-border);
}
#place_order{
  width:100%;
  background:var(--grad-main) !important;
  font-size:1.05rem !important;
  padding:1.1rem 2rem !important;
}

/* Payment method labels */
.woocommerce-checkout #payment ul.payment_methods li{
  border-bottom:1px solid var(--dark-border);
  padding:.875rem 0;
}
.woocommerce-checkout #payment ul.payment_methods li label{
  color:var(--dark-text);font-weight:600;
}
.woocommerce-checkout #payment div.payment_box{
  background:rgba(255,255,255,.03);
  border-radius:var(--radius-md);
  color:var(--dark-muted);
}

/* Order received / thank you (fallback if not redirected) */
.woocommerce-order-received .woocommerce-thankyou-order-received{
  font-size:1.3rem;font-weight:800;color:var(--dark-text);
  text-align:center;padding:2rem 0;
}

@media(max-width:1024px){
  ul.products{ grid-template-columns:repeat(2,1fr) !important; }
}
@media(max-width:600px){
  ul.products{ grid-template-columns:1fr !important; }
}