/* MEG - Galleria prodotto (Droppics, tema BxSlider basato su Swiper)
 * Caricato solo nelle pagine prodotto dall'override templates/rt_supra/html/com_content/article/default.php
 * Classi proprie: .meg-gallery-prodotto (contenitore) e .meg-gallery-prodotto--{id gallery}
 * Le miniature sono portate a 4 per riga da uno script nell'override (il tema ne imposta 8).
 */
.meg-gallery-prodotto,
.meg-gallery-prodotto .droppicsgallerybxslider {
    width: 100%;
}

/* immagine principale */
.meg-gallery-prodotto .droppicsSwiperMain {
    margin-bottom: 0;
}

.meg-gallery-prodotto .droppicsSwiperMain .wimg img {
    height: 380px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    box-shadow: none;
}

/* frecce: cerchio sottile come nella versione precedente (Fotorama) */
.meg-gallery-prodotto .swiper-button-prev,
.meg-gallery-prodotto .swiper-button-next {
    top: 190px;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    border: 1px solid #bbb;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    color: #999;
}

/* triangolino come nella versione precedente (al posto dell'icona del font di Swiper) */
.meg-gallery-prodotto .swiper-button-prev::after,
.meg-gallery-prodotto .swiper-button-next::after {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1;
}

.meg-gallery-prodotto .swiper-button-prev::after {
    content: "\25C1"; /* ◁ */
    margin-left: -2px;
}

.meg-gallery-prodotto .swiper-button-next::after {
    content: "\25B7"; /* ▷ */
    margin-left: 2px;
}

/* miniature */
.meg-gallery-prodotto .droppicsSwiperPager {
    margin-top: 1rem;
}

.meg-gallery-prodotto .droppicsSwiperPager .swiper-slide {
    opacity: 1;
    box-sizing: border-box;
    padding: 6px;
    background: #fff;
    border: 2px solid transparent;
    cursor: pointer;
}

.meg-gallery-prodotto .droppicsSwiperPager .swiper-slide-thumb-active {
    border-color: #00579e;
}

.meg-gallery-prodotto .droppicsSwiperPager .swiper-slide img {
    width: 100%;
    height: 150px;
    object-fit: contain;
}