/**
 * Custom CSS - Overrides Customizer Settings
 * 
 * This file contains all custom styles that were previously in the Customizer.
 * It loads AFTER parent and child theme styles to ensure proper override.
 * 
 * NOTE: When adding CSS here, you can safely remove it from:
 * wp-admin/customize.php > Additional CSS
 */

/* ============================================
   PASTE YOUR CUSTOMIZER CSS BELOW THIS LINE
   ============================================ */

.buttonFront {
	border:2px solid #18885F;
	background-color: #18885F;
	color:white;
}



.botiga-image-swap img {
        position: relative;
        z-index: 1;
    }
    
    .botiga-image-swap .botiga-image-to-swap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
            object-fit: cover;
        -o-object-position: center;
            object-position: center;
        z-index: 0;
        opacity: 0;
        -webkit-transition: ease opacity 300ms;
        transition: ease opacity 300ms;
    }

    .botiga-image-swap .botiga-wishlist-button {
        z-index: 2;
    }

    ul.wc-block-grid__products li.wc-block-grid__product:hover img, 
    ul.wc-block-grid__products li.product:hover img, 
    ul.products li.wc-block-grid__product:hover img, 
    ul.products li.product:hover img {
        opacity: 1 !important;
    }

    ul.wc-block-grid__products li.wc-block-grid__product:hover .botiga-image-to-swap, 
    ul.wc-block-grid__products li.product:hover .botiga-image-to-swap, 
    ul.products li.wc-block-grid__product:hover .botiga-image-to-swap, 
    ul.products li.product:hover .botiga-image-to-swap {
        z-index: 2;
    }

.shop_table tr {
	border-color: white;
}

/* 3-column grid when threeColumn class is added */
div.topGrid.threeColumn {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2em !important;
}

/* Responsive behavior */
/* 3-column grid for topGrid when threeColumn class is present */
div.topGrid.threeColumn {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2em !important;
}

/* Tablet view - 2 columns */
@media (max-width: 991px) {
    div.topGrid.threeColumn {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5em !important;
    }
}

/* Mobile view - 1 column */
@media (max-width: 768px) {
    div.topGrid.threeColumn {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}

/* Small mobile - ensure single column */
@media (max-width: 575px) {
    div.topGrid.threeColumn {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}
@media (max-width: 991px) {
.woocommerce-page-header.woocommerce-page-header-style3.woocommerce-page-header-alignment-left .woocommerce-products-header__title {
    margin-bottom: 2rem;
}
}