/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: Child theme for GeneratePress
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress-child
*/

/* Estilos para otimização de imagens */
.woocommerce-product-gallery.optimized {
    opacity: 1 !important;
    transition: none !important;
}

body.scrolling .woocommerce-product-gallery__wrapper {
    transition: none !important;
    will-change: auto !important; /* Desativa will-change durante scroll para melhor performance */
}

body.scrolling .flex-control-thumbs img {
    transition: none !important;
}

/* Layout skeleton para melhorar LCP */
.woocommerce-product-gallery__wrapper::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%; /* Preserva a proporção */
    background-color: #f9f9f9;
}

.woocommerce-product-gallery__wrapper.loaded::before {
    display: none;
}

/* Otimização específica para imagens de produto */
.woocommerce-product-gallery__image {
    position: relative;
    transition: opacity 0.3s ease;
}

.woocommerce-product-gallery__image img {
    opacity: 1 !important;
    transition: opacity 0.2s ease-in-out;
}

.woocommerce-product-gallery.loading .woocommerce-product-gallery__image img {
    opacity: 0.7 !important; /* Efeito sutil enquanto carrega */
}

/* Otimização para mobile */
@media (max-width: 768px) {
    .woocommerce-product-gallery .flex-control-thumbs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
        margin-bottom: 10px;
        scroll-snap-type: x mandatory;
    }

    .woocommerce-product-gallery .flex-control-thumbs li {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }
}

/* Melhorias nas miniaturas */
@media (min-width: 768px) {
    .woocommerce-product-gallery .flex-control-thumbs {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 10px !important;
    }
    
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 70px !important;
        height: 70px !important;
        overflow: hidden;
    }
    
    .woocommerce-product-gallery .flex-control-thumbs li img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

/* Evita flash durante o carregamento */
img.attachment-woocommerce_thumbnail,
img.attachment-woocommerce_single,
img.attachment-shop_catalog {
    background-color: #f9f9f9; /* Cor de fundo enquanto carrega */
    transition: opacity 0.3s ease;
}

/* Remove loader de produtos */
.woocommerce ul.products li.product a img {
    margin: 0;
}

/* Otimização de carregamento de imagens */
body.images-preloaded .woocommerce-product-gallery::before {
    display: none !important;
    opacity: 0 !important;
}

/* Melhora o carregamento inicial */
.woocommerce-product-gallery {
    min-height: 400px;
    background-color: #fff;
}