/**
 * Kunst in Kaart — Mobiele gallery-thumbnails
 * Vervangt de bolletjes-pagination door thumbnails onder de hoofdafbeelding
 * (stijl: Coolblue/Bol.com — actieve thumbnail krijgt een gouden rand).
 *
 * De theme-optie "Pagination - Tablet/mobile" (product_image_pagination) is
 * uitgezet op 2026-07-14; daardoor toont Savoy zelf al een thumbnail-grid op
 * tablet/mobiel. Dit bestand verfijnt alleen de actieve-status en uitlijning.
 * Desktop (>1080px, verticale thumbnails links) blijft ongewijzigd.
 */

@media all and (max-width: 1080px) {

    /* Thumbnails: strak uitgelijnd onder de hoofdafbeelding */
    .woocommerce-product-gallery .flex-control-thumbs {
        padding-top: 12px;
    }

    .woocommerce-product-gallery .flex-control-thumbs li img {
        display: block;
        box-sizing: border-box;
        border: 2px solid transparent;
        border-radius: 5px;
    }

    /* Actieve thumbnail: gouden rand i.p.v. transparant vervagen */
    .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
        opacity: 1;
        border-color: #dc9814;
    }
}