/* Stili per singolo prodotto: evidenzia la nota "A partire da" su prezzo e correlati */

/* Nota sotto il prezzo del prodotto principale */
.single-product .product .summary .price .wc-deposit-note,
.single-product .product .summary .wc-deposit-note {
  margin: 0.5rem 0 0.75rem !important;
  font-size: 1.05rem !important;
  line-height: 1.45 !important;
  color: var(--theme-palette-color-1, #0073e6) !important;
  font-weight: 700 !important;
}

/* Nota nelle card dei prodotti correlati */
.single-product .related ul.products li.product .price .wc-deposit-note,
.single-product .related ul.products li.product .wc-deposit-note,
.single-product .upsells ul.products li.product .price .wc-deposit-note,
.single-product .upsells ul.products li.product .wc-deposit-note {
  margin: 0.25rem 0 0.5rem !important;
  font-size: .95rem !important;
  color: var(--theme-palette-color-1, #0073e6) !important;
  font-weight: 700 !important;
}
/* Nasconde checkbox scelta pagamento dalla pagina prodotto */
.awcdp-deposits-wrapper {
  display: none !important; /* Nasconde completamente il wrapper delle opzioni di deposito */
}

/* Evidenzia il prezzo nella scheda prodotto principale */
.single-product .summary .price,
.single-product .summary .wc-deposit-note,
.single-product .summary .woocommerce-Price-amount {
  color: #0546C7; /* Colore blu elettrico (secondario) */
  font-size: 1.25em; /* Ingrandisce il testo del prezzo */
  font-weight: 700; /* Grassetto per maggiore enfasi */
}

.single-product .summary .price {
  padding: 4px 8px; /* Spaziatura interna per creare un badge */
  border-radius: 4px; /* Angoli arrotondati del badge prezzo */
  display: inline-block; /* Necessario per padding & background */
  margin-bottom: 1em; /* Distanza sotto il prezzo */
}

/* Nasconde il <p class="price"> se vuoto (evita spazi indesiderati) */
.summary .price:empty {
  display: none;
}

/* ============================= */
/*  SEZIONE: Prodotti correlati  */
/* ============================= */

/* Lista prodotti correlati: griglia flessibile a 3 colonne, con gap uniforme */
.related.products ul.products {
  display: flex !important; /* Layout flessibile per controllo manuale colonne */
  flex-wrap: wrap !important; /* Permette il ritorno a capo degli elementi */
  justify-content: space-between !important; /* Spaziatura orizzontale uniforme */
  gap: 20px !important; /* Distanza tra card */
  margin: 0 auto !important; /* Centra il blocco orizzontalmente */
  padding: 0 !important; /* Rimuove padding default lista */
  box-sizing: border-box !important; /* Include padding/border nel calcolo larghezza */
}

/* Card prodotto correlato (3 per riga desktop) */
.related.products ul.products li.product {
  flex: 0 0 calc((100% - 2 * 20px) / 3) !important; /* Calcolo 3 colonne considerando due gap orizzontali */
  box-sizing: border-box !important; /* Stabilità dimensioni */
  background: #fff !important; /* Sfondo bianco per contrasto */
  border-radius: 8px !important; /* Card con angoli arrotondati */
  box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; /* Ombra morbida base */
  overflow: hidden !important; /* Clip di immagini/spillover */
  display: flex !important; /* Permette layout verticale interno */
  flex-direction: column !important; /* Impila contenuti dall'alto al basso */
  transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* Animazioni hover smooth */
}

/* Effetto hover card (sollevamento) */
.related.products ul.products li.product:hover {
  transform: translateY(-5px) !important; /* Leggero sollevamento */
  box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important; /* Ombra più marcata */
}

/* Figure & immagini full width */
.related.products ul.products li.product figure,
.related.products ul.products li.product figure img {
  width: 100% !important; /* Immagine occupa tutta la card in larghezza */
  display: block !important; /* Elimina spazi bianchi inline */
}

/* Immagine: transizione per zoom leggero */
.related.products ul.products li.product figure img {
  height: auto !important; /* Mantiene proporzioni */
  transition: transform 0.3s ease, opacity 0.3s ease !important; /* Effetto hover fluido */
}

/* Zoom immagine on hover */
.related.products ul.products li.product figure:hover img {
  transform: scale(1.05) !important; /* Zoom moderato */
  opacity: 0.9 !important; /* Leggera attenuazione */
}

/* Spaziatura interna elementi testuali e azioni */
.related.products ul.products li.product h2,
.related.products ul.products li.product .entry-meta,
.related.products ul.products li.product .entry-excerpt,
.related.products ul.products li.product .price,
.related.products ul.products li.product .ct-woo-card-actions {
  padding: 0 15px !important; /* Margini orizzontali uniformi */
}

/* Prezzo nei prodotti correlati */
.related .price {
  font-size: 1rem !important; /* Dimensione equilibrata per griglia */
  color: #0073e6 !important; /* Colore brand secondario (consistente col bottone) */
  font-weight: bold !important; /* Enfasi sul prezzo */
  margin: 0.5rem 0 !important; /* Spazio verticale */
}

/* ============================= */
/*  Bottoni Aggiungi al Carrello (correlati) – allineati a stile archive */
/* Reset base */
.related.products ul.products li.product .add_to_cart_button,
.related.products ul.products li.product .added_to_cart {
  font-family: var(--theme-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  width: fit-content !important;
  padding: 10px 25px !important;
  margin: 0.5rem 15px 1rem !important;
  text-decoration: none !important;
  text-transform: none !important; /* niente uppercase */
  letter-spacing: var(--theme-letter-spacing, 0) !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  -webkit-font-smoothing: antialiased !important;
  transition: background-color .3s, color .3s, border-color .3s, box-shadow .3s !important;
  background: transparent !important;
  color: var(--theme-palette-color-1, #0073e6) !important;
  border: 2px solid var(--theme-palette-color-1, #0073e6) !important;
  position: relative !important;
}
/* Hover / focus */
.related.products ul.products li.product .add_to_cart_button:hover,
.related.products ul.products li.product .add_to_cart_button:focus-visible,
.related.products ul.products li.product .added_to_cart:hover,
.related.products ul.products li.product .added_to_cart:focus-visible {
  outline: none !important;
  background: var(--theme-palette-color-1, #0073e6) !important;
  color: #fff !important;
  border-color: var(--theme-palette-color-2, #005bb5) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-palette-color-1, #0073e6) 40%, transparent) !important;
}
/* Stato attivo */
.related.products ul.products li.product .add_to_cart_button:active,
.related.products ul.products li.product .added_to_cart:active {
  transform: translateY(1px) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-palette-color-2, #1559ed) 55%, transparent) inset !important;
}
/* Già nel carrello */
.related.products ul.products li.product .added_to_cart {
  color: var(--theme-palette-color-3, #3A4F66) !important;
  border-color: var(--theme-palette-color-3, #3A4F66) !important;
  background: transparent !important;
}
.related.products ul.products li.product .added_to_cart:hover,
.related.products ul.products li.product .added_to_cart:focus-visible {
  background: var(--theme-palette-color-3, #3A4F66) !important;
  border-color: var(--theme-palette-color-3, #3A4F66) !important;
  color: #fff !important;
}
/* Disabilitato */
.related.products ul.products li.product .add_to_cart_button[disabled],
.related.products ul.products li.product .added_to_cart[disabled] { opacity:.6 !important; pointer-events:none !important; }
/* Rimuove focus outline non tastiera */
.related.products ul.products li.product .add_to_cart_button:focus:not(:focus-visible),
.related.products ul.products li.product .added_to_cart:focus:not(:focus-visible) { box-shadow:none !important; }

/* ============================= */
/*  Responsive adjustments       */
/* ============================= */

/* Tablet: passa a 2 colonne */
@media (max-width: 1024px) {
  .related.products ul.products li.product {
    flex: 0 0 calc((100% - 20px) / 2) !important; /* Due card per riga con gap */
  }
}

/* Mobile: singola colonna, gap ridotto e padding laterale */
@media (max-width: 600px) {
  .related.products ul.products {
    gap: 15px !important; /* Gap più stretto su schermi piccoli */
    padding: 0 16px !important; /* Respiro ai lati senza rompere layout */
  }
  .related.products ul.products li.product {
    flex: 0 0 100% !important; /* Una card per riga */
  }
}