/**
 * PVG Frontend Minimoog Overrides
 * Loaded only when Minimoog theme is active.
 */

/* Theme Thumbnail Styling Override */
.minimog-thumbs-swiper-wrap {
    margin-bottom: 24px;
    padding: 8px;
    overflow: hidden;
}

.minimog-thumbs-swiper .swiper-inner,
.minimog-thumbs-swiper .swiper,
.minimog-thumbs-swiper .swiper-wrapper {
    overflow: hidden;
}

.minimog-thumbs-swiper .swiper-slide {
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent !important;
    opacity: 0.7;
    outline: none !important;
    box-shadow: none !important;
}

.minimog-thumbs-swiper .swiper-slide .swiper-thumbnail-wrap {
    border: none !important;
    outline: none !important;
}

/* Remove the ::before and ::after pseudo-element borders completely */
.single-product .woo-single-gallery .minimog-thumbs-swiper .swiper-slide.swiper-slide-thumb-active .swiper-thumbnail-wrap:before,
.single-product .woo-single-gallery .minimog-thumbs-swiper .swiper-slide:hover .swiper-thumbnail-wrap:before,
.minimog-thumbs-swiper .swiper-slide .swiper-thumbnail-wrap:before,
.minimog-thumbs-swiper .swiper-slide .swiper-thumbnail-wrap:after {
    border: none !important;
    border-color: transparent !important;
    display: none !important;
    content: none !important;
}

.minimog-thumbs-swiper .swiper-slide:hover {
    transform: scale(1.05);
    border-color: #94be58 !important;
    opacity: 1;
    box-shadow: none !important;
}

.minimog-thumbs-swiper .swiper-slide.swiper-slide-thumb-active,
.minimog-thumbs-swiper .swiper-slide.minimog-slide-active {
    border-color: #94be58 !important;
    box-shadow: 0 0 0 2px rgba(148, 190, 88, 0.2) !important;
    opacity: 1;
}

.minimog-thumbs-swiper .swiper-slide:focus {
    outline: 2px solid #94be58;
    outline-offset: 2px;
}

.minimog-thumbs-swiper .swiper-thumbnail-wrap {
    border-radius: 6px;
    overflow: hidden;
}

.minimog-thumbs-swiper .swiper-slide img {
    transition: transform 0.3s ease;
    display: block;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.minimog-thumbs-swiper .swiper-slide:hover img {
    transform: scale(1.05);
}

/* Responsive adjustments for theme thumbnails */
@media (max-width: 768px) {
    .minimog-thumbs-swiper .swiper-slide {
        border-width: 1px;
    }

    .minimog-thumbs-swiper .swiper-slide:hover {
        transform: scale(1.02);
    }
}

@media (max-width: 480px) {
    .minimog-thumbs-swiper-wrap {
        margin-bottom: 16px;
    }
}