/*
Theme Name: ColourbookPorto
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* =====================================================
   VARIATIONS PREVIEW IN ARCHIVIO PRODOTTI (Porto compat)
   Plugin: crop-woo-variations-preview
   ===================================================== */

/* Il plugin posiziona la lista in modo assoluto dentro .product-image.
   Porto ha già position:relative su .product-image, quindi funziona.
   Aggiungiamo padding-bottom all'immagine per evitare che gli swatches
   coprano il titolo nel .product-content sottostante. */
ul.products li.product .product-image {
    padding-bottom: 28px !important;
}

/* Allinea la lista swatches al fondo dell'immagine (dentro il padding) */
ul.products li.product .clbk-variations-on-variable-product-loop {
    bottom: 0;
    padding: 0 5px 4px;
}

/* Rimuove il padding-bottom aggiunto sopra quando non ci sono variazioni */
ul.products li.product:not(:has(.clbk-variations-on-variable-product-loop)) .product-image {
    padding-bottom: 0 !important;
}