/*
Theme Name:     Uminex Child Theme
Theme URI:      https://uminex.kutethemes.net/
Description:    Uminex theme Shop is a simple but modern responsive WordPress theme that oozes high-street sophistication. Its sharp lines and flat design style has been designed to be pixel perfect. Simply load your photography and you can have an online shop to matches the likes of Prada, Gucci and Yves St Laurent.
Author:         Julio Maturrano Roman
Author URI:     https://kutethemes.com/
Template:       uminex
Version:        1.0.0
License:        GNU General Public License v1 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Tags:           two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, translation-ready
Text Domain:    uminex-child
*/
BODY{
opacity: 1 !important;
}
.product_cat-multitraccia .mejs-audio{display: none !important;}
.custom-add-to-cart-variations {
    width: calc(100% - 120px);
}
button.single_add_to_cart_button.hide-submit-add-to-cart, 
div.quantity.hide-div-quantity {
    display: none !important;
}
#custom-variations.with-wavesurfer-mp3 {
    width: 100%;
}
#custom-variations.with-wavesurfer-mp3 > .custom-variation {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
#custom-variations.with-wavesurfer-mp3 > .custom-variation > input[type="checkbox"] {
    width: 20px;
}
#custom-variations.with-wavesurfer-mp3 > .custom-variation > label {
    width: 20%;
    margin-bottom: 5px;
}
#custom-variations.with-wavesurfer-mp3 > .custom-variation > .container-variation-mp3 {
    width: 75%;
}
#custom-variations.with-wavesurfer-mp3 audio {
    width: 100%;
}
#custom-variations.with-wavesurfer-mp3 audio::-webkit-media-controls-mute-button { display: none !important; }
#custom-variations.with-wavesurfer-mp3 audio::-webkit-media-controls-volume-slider { display: none !important; }
.entry-summary .product-metas {
    display: none;
}

/* Styling per il div "CLICCA SULL'IMMAGINE" sui prodotti multitraccia */
.product_cat-multitraccia .clickimage {
    background-color: #ff6b35;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 12px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.product_cat-multitraccia .clickimage:hover {
    background-color: #e55a30;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

/* Aggiunge il testo "CLICCA SULL'IMMAGINE" tramite CSS ::after sui prodotti multitraccia */
/* Prova con diversi selettori per essere sicuri che funzioni */
.product_cat-multitraccia .woocommerce-product-gallery::after,
.product_cat-multitraccia .product-thumb.images::after,
.product_cat-multitraccia .images::after,
.product_cat-Multitraccia .woocommerce-product-gallery::after,
.product_cat-Multitraccia .product-thumb.images::after,
.product_cat-Multitraccia .images::after,
body.single-product.product_cat-multitraccia .woocommerce-product-gallery::after,
body.single-product.product_cat-Multitraccia .woocommerce-product-gallery::after,
.single-product .product_cat-multitraccia .woocommerce-product-gallery::after,
.single-product .product_cat-Multitraccia .woocommerce-product-gallery::after {
    content: "CLICCA SULL'IMMAGINE";
    display: block !important;
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    padding: 2px;
    margin-top: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 10;
    position: relative;
}

/* Versione ancora più generica come fallback */
body[class*="product_cat-multitraccia"] .woocommerce-product-gallery::after,
body[class*="product_cat-Multitraccia"] .woocommerce-product-gallery::after {
    content: "CLICCA SULL'IMMAGINE - FALLBACK";
    display: block !important;
    background-color: #d32f2f;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 15px;
    margin-top: 15px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1000;
    position: relative;
}

.product_cat-multitraccia .woocommerce-product-gallery::after:hover,
.product_cat-multitraccia .product-thumb.images::after:hover,
.product_cat-multitraccia .images::after:hover,
.product_cat-Multitraccia .woocommerce-product-gallery::after:hover,
.product_cat-Multitraccia .product-thumb.images::after:hover,
.product_cat-Multitraccia .images::after:hover {
    background-color: #e55a30;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}
.archive .product-durata{margin-left:0 !important}

.product-categoria {
    font-size: 14px;
    margin: 0;
    min-height: 2.8em;
    /* circa due righe */
    line-height: 1.4em;
    /* altezza riga */
    overflow: hidden;
    /* opzionale se si vuole nascondere l'eccesso di testo */
}