/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


.cart-totals-inner .shipping-calculator-form .button {
  background-color: var(--btn-accented-bgcolor);
}
.cart-totals-inner .shipping-calculator-form .button:hover  {
background-color: var(--btn-accented-bgcolor-hover);
}

/* ===== HOME PAGE: LAYOUT ORIZZONTALE PRODOTTO ===== */

/* CSS Grid: colonna 1 = immagine, colonna 2 = tutto il testo */
.home .wd-product .wd-product-wrapper {
  display: grid;
  grid-template-columns: 44% 1fr;
  column-gap: 40px;
  align-items: start;
  max-width: 860px;
  margin: 0 auto;
}

/* Immagine: colonna 1, si estende su tutte le righe del testo */
.home .wd-product .wd-product-thumb {
  grid-column: 1;
  grid-row: 1 / span 12;
}

.home .wd-product .wd-product-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

/* Background card (hover base): colonna 1 */
.home .wd-product.wd-hover-base .wd-product-card-bg {
  grid-column: 1;
  grid-row: 1 / span 12;
}

/* Colonna testo (hover standard): info wrapper */
.home .wd-product .wd-product-info-wrapper {
  grid-column: 2;
  grid-row: 1 / span 12;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 10px;
}

/* Colonna testo (hover base): product-information */
.home .wd-product.wd-hover-base .product-information {
  grid-column: 2;
  position: relative !important;
}

/* Tutti gli altri elementi non-immagine in colonna 2 */
.home .wd-product .wd-product-wrapper > *:not(.wd-product-thumb):not(.wd-product-card-bg) {
  grid-column: 2;
}

/* Hover card (base): nascosta sulla home - il bottone e mostrato direttamente */
.home .wd-product.wd-hover-base .wd-product-card-hover {
  display: none !important;
}

/* Titolo prodotto piu grande */
.home .wd-product .woocommerce-loop-product__title {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}

/* Stock disponibilita */
.home .wd-product .stock,
.home .wd-product .wd-stock-qty {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #5a8a5a;
  font-weight: 500;
  margin: 4px 0 0;
}

/* Prezzo */
.home .wd-product .price {
  font-size: 22px !important;
  margin: 6px 0 !important;
}

/* Bottone acquista: sempre visibile sulla home */
.home .wd-product .wd-home-buy-btn,
.home .wd-product .wd-add-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  transform: none !important;
  margin-top: 16px;
}

.home .wd-product .wd-home-buy-btn > a,
.home .wd-product .wd-add-btn > a.add-to-cart-loop,
.home .wd-product .wd-add-btn > a.button {
  min-width: 180px;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.5px;
}

/* Mobile: torna verticale */
@media (max-width: 768px) {
  .home .wd-product .wd-product-wrapper {
    grid-template-columns: 1fr;
  }
  .home .wd-product .wd-product-thumb,
  .home .wd-product.wd-hover-base .wd-product-card-bg {
    grid-column: 1;
    grid-row: auto;
  }
  .home .wd-product .wd-product-wrapper > *:not(.wd-product-thumb):not(.wd-product-card-bg),
  .home .wd-product .wd-product-info-wrapper {
    grid-column: 1;
  }
}

/* ===== PRODUCTS WIDGET: layout LISTA - rimuovi descrizione e allinea in alto ===== */

/* Nascondi la descrizione breve dei prodotti nel layout a lista */
.wd-product.product-list-item [class*="short-description"] {
  display: none !important;
}

/* Nascondi la barra di progresso stock (progress-area) nel layout a lista */
.wd-product.product-list-item .wd-stock-progress-bar {
  display: none !important;
}

/* Allinea immagine, titolo e resto del testo in alto invece che al centro */
@media (min-width: 769px) {
  .wd-product.product-list-item .wd-product-wrapper {
    align-items: flex-start !important;
  }
}
