/*
Theme Name: Alukas Child
Theme URI: https://alukas.presslayouts.com/
Author: PressLayouts
Description: This is a child theme for Alukas
Version: 1.0
Author URI: https://www.presslayouts.com/
Template: alukas
Text Domain: pls-theme-child
*/
/* Product thumbnails style */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 70px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: 1;
    transition: all 0.3s ease;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    border: 2px solid #000;
}
/* =================================
   CORRECTION GALERIE PRODUIT MOBILE – ALUKAS
================================= */

@media (max-width: 768px) {

    /* Masquer les points (dots) */
    .single-product .swiper-pagination {
        display: none !important;
    }

    /* Afficher les miniatures */
    .single-product .swiper-thumbnails {
        display: flex !important;
        justify-content: center;
        gap: 8px;
        margin-top: 12px;
        overflow-x: auto;
        padding-bottom: 5px;
    }

    /* Taille des miniatures */
    .single-product .swiper-thumbnails .swiper-slide {
        width: 60px !important;
        border-radius: 8px;
        border: 1px solid #ddd;
        overflow: hidden;
        flex-shrink: 0;
    }

    /* Miniature active */
    .single-product .swiper-thumbnails .swiper-slide-thumb-active {
        border: 2px solid #000;
    }

    /* Espace sous l’image principale */
    .single-product .product-gallery {
        margin-bottom: 15px;
    }
}