/* ============================================================
   20-components/woocommerce.css — Overrides WooCommerce
   ============================================================ */

/* Rimuovi elementi shop non necessari */
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-breadcrumb,
.woocommerce-products-header__title,
.ast-woo-product-category {
  display: none !important;
}

/* Prodotto nella lista — layout pulito */
.woocommerce ul.products {
  display: block !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Immagine prodotto */
.woocommerce ul.products li.product img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.woocommerce ul.products li.product img:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-xl);
}

/* Titolo prodotto in lista */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-heading) !important;
  font-size: var(--size-2xl) !important;
  font-weight: var(--weight-black) !important;
  text-transform: uppercase;
  color: var(--color-dark) !important;
  text-align: center;
  margin-block: var(--space-4) !important;
}

/* Prezzo */
.woocommerce ul.products li.product .price,
.woocommerce .wc-block-components-product-price {
  font-family: var(--font-heading) !important;
  font-size: var(--size-2xl) !important;
  font-weight: var(--weight-black) !important;
  color: var(--color-primary) !important;
}

/* Prodotto singolo block */
.wp-block-woocommerce-single-product {
  text-align: center;
  padding: var(--space-8) 0;
}
.wp-block-woocommerce-single-product h2 {
  font-size: var(--size-3xl) !important;
}
.wp-block-woocommerce-single-product a {
  color: var(--color-dark) !important;
  text-decoration: none;
}

/* ── Pagina prodotto singolo — forza visibilità form acquisto ── */
.single-product div.product,
.single-product .entry-summary,
.single-product .summary {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.single-product .cart,
.single-product form.cart {
  display: flex !important;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-6) !important;
}

.single-product .quantity,
.single-product .qty {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.single-product input.qty {
  width: 70px !important;
  border: 1.5px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  padding: var(--space-3) var(--space-4) !important;
  font-size: var(--size-base) !important;
  text-align: center;
}

/* Checkout */
.woocommerce-checkout h3,
.woocommerce-billing-fields h3 {
  font-family: var(--font-heading) !important;
  font-size: var(--size-xl) !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-dark);
  margin-bottom: var(--space-6);
}
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  border: 1.5px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  padding: var(--space-3) var(--space-4) !important;
  font-size: var(--size-base) !important;
  transition: border-color var(--transition-fast);
}
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus {
  border-color: var(--color-primary) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(74,144,217,0.15) !important;
}

/* Order summary nel checkout */
.woocommerce-checkout-review-order-table {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

/* Nastro "Aggiungi al carrello" on-card di Astra */
.astra-shop-thumbnail-wrap .ast-on-card-button {
  background-color: var(--color-primary) !important;
  border-radius: var(--radius-sm) !important;
}

/* ── Nascondi banner "aggiunto al carrello" nel checkout ── */
.woocommerce-message,
.woocommerce-info {
  display: none !important;
}

/* ── Codice promozionale ── */
.woocommerce-form-coupon-toggle {
  background: var(--color-bg-alt) !important;
  border: 1.5px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  padding: var(--space-3) var(--space-6) !important;
  margin-bottom: var(--space-4) !important;
  box-shadow: none !important;
}

.woocommerce-form-coupon-toggle p,
.woocommerce-form-coupon-toggle .woocommerce-info {
  display: block !important;
  color: var(--color-text) !important;
  font-size: var(--size-sm) !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.woocommerce-form-coupon-toggle a,
.showcoupon {
  color: var(--color-primary) !important;
  font-weight: var(--weight-bold) !important;
  text-decoration: none !important;
}

.woocommerce-form-coupon-toggle a:hover,
.showcoupon:hover {
  color: var(--color-accent) !important;
}

/* Form coupon espanso */
.checkout_coupon.woocommerce-form-coupon {
  background: var(--color-bg-alt) !important;
  border: 1.5px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  padding: var(--space-4) var(--space-6) !important;
  margin-bottom: var(--space-4) !important;
  box-shadow: none !important;
}

/* Rimuovi icona ::before dal toggle codice promo */
.woocommerce-form-coupon-toggle .woocommerce-info::before {
  display: none !important;
  content: none !important;
}

/* Rimuovi icona ::before dal toggle codice promo */
.woocommerce-form-coupon-toggle .woocommerce-info::before,
.woocommerce-form-coupon-toggle::before {
  display: none !important;
  content: none !important;
}