/**
**Extends swiper-general.css
**for custom wc loop thumb slider ({theme}/woocommerce/content-product.php)
*/
.swiper.wc-product-swiper {
    margin-bottom: var(--gap-s);
}

.swiper.wc-product-swiper .attachment-woocommerce_thumbnail {
    margin-bottom: 0 !important;
}

/**navigation*/

.swiper.wc-product-swiper .swiper-button-prev,
.swiper.wc-product-swiper .swiper-button-next {
    opacity: 0;
}

.swiper.wc-product-swiper:hover .swiper-button-prev,
.swiper.wc-product-swiper:hover .swiper-button-next {
    opacity: 1;
}

.swiper.wc-product-swiper .swiper-button-prev {

    left: var(--gap-s) !important;
}

.swiper.wc-product-swiper .swiper-button-next {
    right: var(--gap-s) !important;
}

.swiper.wc-product-swiper .swiper-button-prev {
    left: 0 !important;
}

.swiper.wc-product-swiper .swiper-button-next {
    right: 0 !important;
}

.swiper.wc-product-swiper .swiper-button-prev,
.swiper.wc-product-swiper .swiper-button-next {
    height: 100% !important;
    display: flex;
    align-items: center;
    top: 0;
    margin: 0;
    width: 25px !important;
    justify-content: center;
}

.swiper.wc-product-swiper .swiper-button-prev::before,
.swiper.wc-product-swiper .swiper-button-next::before {
    --my-size: 1rem;
}

.swiper.wc-product-swiper .wc-swiper-pagination {
    bottom: 0;
    top: unset;
    background-color: transparent !important;
}

.swiper.wc-product-swiper .swiper-pagination-progressbar-fill {
    background-color: var(--ast-global-color-4) !important;
}