/* 
 * ========================================
 * NOTA IMPORTANTE
 * ========================================
 * 
 * Il contenuto di questo file è stato unificato in theme.css
 * Data unificazione: 2024-12-06
 * 
 * Tutti gli stili personalizzati sono ora presenti alla fine di theme.css
 * con il commento: "CONTENUTO DA custom.css - UNIFICATO"
 * 
 * Questo file viene mantenuto per compatibilità ma non contiene più codice CSS.
 * Per modifiche future, utilizzare direttamente theme.css
 * 
 * Backup disponibili:
 * - custom.css.backup_YYYYMMDD_HHMMSS
 * - theme.css.backup_YYYYMMDD_HHMMSS
 * 
 */

/* Stili per ttcmsoffer - background position */
#ttcmsoffer .parallex {
    background-position: -20% 65.8718%;
}

/* Fix sovrapposizione Trustpilot widget e prezzo - Desktop e Mobile */
.product-miniature .trustpilot-widget {
    margin: 0.5em 0 !important;
    min-height: 24px;
    display: block;
    clear: both;
    position: relative;
}

/* Div contenitore vuota quando non ci sono recensioni - mantiene le stesse dimensioni di trustpilot-widget */
.product-miniature .no_trust_review {
       clear: both;
    position: relative;
    width: 100%;
}

.product-miniature .product-price-and-shipping {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    clear: both;
    display: block;
    position: relative;
}

/* Assicura che il widget Trustpilot non sovrapponga il prezzo */
.product-miniature .ttproduct-desc {
    display: flex !important;
    flex-direction: column !important;
}

.product-miniature .ttproduct-desc > .product-description {
    order: 0;
    margin-bottom: 0.5em;
}

.product-miniature .ttproduct-desc > .trustpilot-widget,
.product-miniature .ttproduct-desc > .no_trust_review {
    order: 1;
    margin: 0.5em 0 !important;
}

.product-miniature .ttproduct-desc > .product-price-and-shipping {
    order: 2;
    margin-top: 0.5em !important;
}

/* Fix sovrapposizione pulsante "Aggiungi al carrello" con nome prodotto e prezzo */
/* Solo per la griglia prodotti, non impatta altre viste */
.products .product-grid .product-miniature .thumbnail-container .ttproducthover {
    position: static !important;
    margin: 0.5em 0 0.5em 0 !important;
    width: 100% !important;
    height: auto !important;
    clear: both !important;
    display: block !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
}

/* Assicura che il pulsante non esca dal flusso normale - solo per griglia */
.products .product-grid .product-miniature .thumbnail-container .tt-button-container {
    position: static !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    clear: both !important;
    float: none !important;
}

/* Aggiungi spazio minimo tra immagine e contenuto testuale - solo griglia */
.products .product-grid .product-miniature .ttproduct-desc {
    padding-top: 0.75em !important;
    margin-top: 0 !important;
    position: relative;
    z-index: 1;
}

/* Assicura che il nome prodotto e prezzo non vengano coperti - solo griglia */
.products .product-grid .product-miniature .ttproduct-desc .product-description {
    position: relative;
    z-index: 2;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0.25em !important;
}

.products .product-grid .product-miniature .ttproduct-desc .product-price-and-shipping {
    position: relative;
    z-index: 2;
    margin-top: 0.5em !important;
}

/* Mobile: senza offset -20% */
@media (max-width: 767px) {
 
    .swiper-wrapper .thumbnail-container .ttproduct-image{ margin-bottom: -1em !important;} 
    .owl-carousel .thumbnail-container .ttproduct-image{ margin-bottom: 0em !important;}
    #ttcmsoffer .parallex {
        background-position: center 65.8718% !important;
    }
    .product-miniature .product-description{ margin-top: 2em;}
    
    #tab-gridview3X .ttproduct-image{ margin-bottom: 2em !important;}
    /* Fix sovrapposizione Trustpilot widget e prezzo */
    .product-miniature .trustpilot-widget {
        margin: 0.5em 0 !important;
        min-height: 24px;
        display: block;
        clear: both;
    }
    
    /* Div contenitore vuota quando non ci sono recensioni - mantiene le stesse dimensioni di trustpilot-widget */
    .product-miniature .no_trust_review {
        margin: 0.5em 0 !important;
        min-height: 24px;
        display: block;
        clear: both;
        width: 100%;
    }
    
    .product-miniature .product-price-and-shipping {
        margin-top: 0.5em !important;
        margin-bottom: 0.5em !important;
        clear: both;
        display: block;
    }
    
    /* Assicura che il widget Trustpilot non sovrapponga il prezzo */
    .product-miniature .ttproduct-desc {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .product-miniature .ttproduct-desc > .product-description {
        order: 0 !important;
        padding-top: 3em;
    }
    
    .product-miniature .ttproduct-desc > .trustpilot-widget,
    .product-miniature .ttproduct-desc > .no_trust_review {
        order: 1;
        margin: 0.5em 0 !important;
    }
    
    .product-miniature .ttproduct-desc > .product-price-and-shipping {
        order: 2;
        margin-top: 0.5em !important;
    }
} 

.featured-products .all-product-link { display: none;}

#hometab {
    min-height: 36em;
}


#gancio_1{ margin-top: 2em  !important;}

/* ========================================
 * REGOLE CSS SPECIFICHE PER CAROUSEL
 * ========================================
 * Queste regole si applicano SOLO ai prodotti nei carousel
 * e NON interferiscono con le liste prodotto normali
 * Usano selettori molto specifici per sovrascrivere regole con !important
 */

/* Fix contenitore pulsanti nei carousel - DEVE essere prima delle regole sui pulsanti */
.owl-carousel .product-miniature .thumbnail-container .tt-button-container,
.products.owl-carousel .product-miniature .thumbnail-container .tt-button-container,
#products-tabs-section .owl-carousel .product-miniature .thumbnail-container .tt-button-container,
#hometab .owl-carousel .product-miniature .thumbnail-container .tt-button-container,
.featured-products .owl-carousel .product-miniature .thumbnail-container .tt-button-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0.5em !important;
    padding: 0 !important;
    position: static !important;
    clear: both !important;
    float: none !important;
}

/* Fix spazio eccessivo tra icona e testo nei pulsanti - SOLO carousel */
/* Selettori molto specifici per sovrascrivere regole con !important */
.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart,
.products.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart,
#products-tabs-section .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart,
#hometab .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart,
.featured-products .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart,
.owl-carousel .product-miniature .thumbnail-container .btn.add-to-cart,
.products.owl-carousel .product-miniature .thumbnail-container .btn.add-to-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    padding: 8px 16px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 36px !important;
    line-height: 1.3 !important;
    border-radius: 4px !important;
}

/* Fix icona nei pulsanti carousel - sovrascrive regole con !important */
.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart i,
.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart .add_to_cart_icon,
.products.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart i,
.products.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart .add_to_cart_icon,
#products-tabs-section .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart i,
#products-tabs-section .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart .add_to_cart_icon,
#hometab .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart i,
#hometab .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart .add_to_cart_icon,
.featured-products .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart i,
.featured-products .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart .add_to_cart_icon {
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    font-size: 18px !important;
    height: 1em !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    width: auto !important;
}

/* Fix testo nei pulsanti carousel - sovrascrive regole con !important */
.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart span:not(.loading),
.products.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart span:not(.loading),
#products-tabs-section .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart span:not(.loading),
#hometab .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart span:not(.loading),
.featured-products .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart span:not(.loading) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: inline-block !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    visibility: visible !important;
    vertical-align: middle !important;
}

/* Override justify-content space-between nei carousel - massima specificità */
.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart,
.products.owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart,
#products-tabs-section .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart,
#hometab .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart,
.featured-products .owl-carousel .product-miniature .thumbnail-container .tt-button-container .btn.add-to-cart {
    justify-content: center !important;
    -webkit-justify-content: center !important;
    -moz-justify-content: center !important;
    -ms-justify-content: center !important;
    -o-justify-content: center !important;
}

/* Fix max-height e layout prodotti nei carousel */
.owl-carousel .product-miniature,
.products.owl-carousel .product-miniature {
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Fix contenitore thumbnail nei carousel */
.owl-carousel .product-miniature .thumbnail-container,
.products.owl-carousel .product-miniature .thumbnail-container {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
}

/* Fix immagine prodotto nei carousel */
.owl-carousel .product-miniature .ttproduct-image,
.products.owl-carousel .product-miniature .ttproduct-image {
    height: auto !important;
    max-height: none !important;
    min-height: 200px !important;
}

.owl-carousel .product-miniature .ttproduct-image img,
.products.owl-carousel .product-miniature .ttproduct-image img {
    height: auto !important;
    max-height: 300px !important;
    object-fit: contain !important;
}

/* Fix descrizione prodotto nei carousel */
.owl-carousel .product-miniature .ttproduct-desc,
.products.owl-carousel .product-miniature .ttproduct-desc {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
} 

.sidebar-pagine-block{ 
    margin-top: 1em;
    clear: both;
}

/* Regole offcanvas/filtri categoria spostate in assets/css/filtri-categoria.css (file dedicato, come per il menu) */

/* --- Stock alert: un solo blocco sotto product-actions, stesso stile della zona prezzo --- */
/* Nasconde il blocco "avvisami quando disponibile" in colonna prezzo e in additional info */
.pb-right-column .product-price .stockalert-add-container,
.pb-right-column .product-price .js-mailalert,
.product-additional-info .stockalert-add-container,
.product-additional-info .js-mailalert {
    display: none !important;
}
/* La row sotto product-actions usa .product-prices per ereditare lo stile della zona prezzo */
.product-outofstock-row-wrapper .product-outofstock-row {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.product-outofstock-row .stockalert-add-container,
.product-outofstock-row .js-mailalert,
.product-outofstock-row .tabs {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}