.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__title::after {
    content: "Esaurito";
    display: block;
    color: #B0413E;
    font-weight: bold;
    margin-top: 5px;
    font-size: 14px;
}
.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__link::before,
.woocommerce div.product .product-image::before {
    content: "Esaurito";
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(176, 65, 62, 0.9);
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
    z-index: 10;
    border-radius: 5px;
    text-transform: uppercase;
}
.single-product .product .woocommerce-variation-availability {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #B0413E; /* Colore sfondo rosso spento */
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;
    z-index: 10;
}

.single-product .product .stock.out-of-stock {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    background: #B0413E;
    color: #fff;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    z-index: 100;
}
.related-posts-wrap {
    display: none !important;
}

small:has(#wcal_gdpr_no_thanks) {
    display: none !important;
}

/* Nasconde il pulsante/link "Ignora" dello Store Notice */
.woocommerce-store-notice__dismiss-link,
.woocommerce-store-notice a.woocommerce-store-notice__dismiss-link {
  display: none !important;
}

/* Pulsanti principali */
.button, 
.wp-block-button__link, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    border: 3px solid #B0413E !important; /* bordo rosso */
    background: #B0413E !important;       /* sfondo rosso */
    color: #DEDDDB !important;            /* testo bianco sporco */
    box-shadow: none !important;          /* elimina bordi/ombre indesiderati */
    border-radius: 6px;                   /* angoli arrotondati */
}

/* Hover: elegante, invertito */
.button:hover, 
.wp-block-button__link:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
    background: transparent !important;
    color: #B0413E !important;   /* testo rosso */
    border-color: #B0413E !important;
    box-shadow: none !important;
}
/* Forza la visualizzazione del footer anche su WooCommerce */
.woocommerce-page #colophon,
.woocommerce #colophon,
#colophon.site-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Quantità sotto al titolo */
.em-stock-below-title{
  margin: 4px 0 10px 0;
  font-weight: 700;
}

/* Box spedizione: linea verticale + testo compatto */
.em-ship-info{
  border-left: 5px solid #B0413E;
  padding: 10px 12px;
  background: transparent;
  margin: 12px 0 14px 0;
  font-size: 14px;
  line-height: 1.35;        /* nessuno spazio extra tra le righe */
}
.em-ship-info > div{ margin: 0; }
.em-ship-info .em-free-ship{ color:#B0413E; font-weight:700; }

/* Nota “più ricambi” sopra al pulsante */
.em-cart-note{
  margin: 8px 0 10px 0;
  font-size: 14px;
  line-height: 1.35;
}

/* —— FIX SPAZIO VUOTO MOBILE tra galleria e titolo ————————— */
@media (max-width: 768px){

  /* Azzera gap del contenitore prodotto (grid/flex Kadence) */
  .single-product div.product,
  .single-product div.product .product {
    display: block !important;
    gap: 0 !important;
    row-gap: 0 !important;
    grid-gap: 0 !important;
    grid-row-gap: 0 !important;
  }

  /* Galleria: niente margini/padding extra */
  .single-product div.product .woocommerce-product-gallery,
  .single-product .product .woocommerce-product-gallery,
  .single-product div.product .images {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
  }
  .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
  .single-product .woocommerce-product-gallery .flex-viewport {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Sommario (blocco del titolo e testi): niente margini/padding in testa */
  .single-product div.product .summary,
  .single-product .product .entry-summary,
  .single-product .content-area .product .summary,
  .single-product .product .summary.entry-summary {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  /* Se il primo elemento del sommario ha margine proprio (es. h1) */
  .single-product .entry-summary > *:first-child {
    margin-top: 0 !important;
  }

  /* In alcuni setup Kadence aggiunge gap sul wrapper principale della pagina */
  .single-product .site-container .content-area .site-main {
    gap: 0 !important;
    row-gap: 0 !important;
  }
}
/* Correzione Spazio Bianco Eccessivo Galleria WooCommerce su Mobile (Kadence) */
@media screen and (max-width: 768px) {
    /* 1. Contenitore principale di WooCommerce (Soluzione spesso risolutiva) */
    .woocommerce-product-gallery {
        height: auto !important; 
        min-height: auto !important;
        margin-bottom: 0 !important; 
    }

    /* 2. Il viewport dello slider (FlexSlider) che spesso ha un'altezza fissa */
    .woocommerce-product-gallery .flex-viewport {
        height: auto !important; 
        min-height: auto !important;
        max-height: none !important; /* Molto importante se 'max-height' è impostato */
    }

    /* 3. Il contenitore specifico di Kadence se è presente */
    .kadence-woo-image-wrap {
        height: auto !important;
        min-height: auto !important;
    }
}
/* Assicura che l'immagine principale occupi lo spazio necessario subito */
/* Utile per l'LCP e per ridurre il CLS (Cumulative Layout Shift) */
@media screen and (max-width: 768px) {
    .woocommerce-product-gallery {
        min-height: 40vh; /* Riserva il 40% dell'altezza dello schermo mobile */
        background-color: #f7f7f7; /* Colore di sfondo temporaneo leggero */
    }
    /* Assicura che l'area del prodotto sia pronta subito */
    .product {
        display: block !important;
    }
}
/* Forzo il blocco di navigazione del footer a essere un elenco verticale */
.site-footer .footer-navigation ul.menu {
    display: block !important;
    padding: 0;
    margin: 0;
}

.site-footer .footer-navigation ul.menu li {
    display: block !important;
    margin-right: 0 !important; /* Rimuove lo spazio orizzontale tra le voci */
    margin-bottom: 8px !important; /* Aggiunge spazio verticale tra le voci */
}

/* Rimuove l'eventuale separatore automatico (ad esempio una barra verticale) */
.site-footer .footer-navigation ul.menu li::after {
    content: none !important;
}