/**
 * Product Image Height Fix
 * Slick compatible WooCommerce gallery CSS
 */

/* Main product image box */
.woocommerce-product-gallery__image {
    height: 376px;
    width: 376px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F6F6;
    border-radius: 10px;
}

/* =========================
   Slick Thumbnails
========================= */

.single-product .woocommerce-product-gallery ol.flex-control-thumbs {
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

/* Each thumbnail (slick slide) */
/* .single-product .woocommerce-product-gallery
ol.flex-control-thumbs li {
    width: 80px !important;
    list-style: none;
    cursor: pointer;
} */

/* Thumbnail image */
.single-product .woocommerce-product-gallery
ol.flex-control-thumbs img {
    border-radius: 6px;
    opacity: 0.6;
    transition: all 0.2s ease;
}

/* Active thumbnail */
.single-product .woocommerce-product-gallery .flex-active {
    opacity: 1;
    border: 1px solid #000 !important;
}

.single-product .woocommerce-product-gallery ol img {
    opacity: 0.5;
    border: 1px solid #00000073 !important;
}


/* Slick arrows */
.single-product .woocommerce-product-gallery .slick-prev,
.single-product .woocommerce-product-gallery .slick-next {
    z-index: 10;
}

/* Optional: hide scrollbar completely */
.single-product .woocommerce-product-gallery
.flex-control-thumbs::-webkit-scrollbar {
    display: none;  
}



/* =========================
   FORCE SLICK ARROWS VISIBLE
========================= */

.single-product .woocommerce-product-gallery {
    position: relative;
}

.single-product .woocommerce-product-gallery 
.flex-control-thumbs .slick-prev,
.single-product .woocommerce-product-gallery 
.flex-control-thumbs .slick-next {
    position: absolute;
    z-index: 999;
    width: fit-content;
    background: transparent !important;
    visibility: visible !important;
}

/* Left arrow */
.single-product .woocommerce-product-gallery 
.flex-control-thumbs .slick-prev {
    left: 0px;
    top: 50%;
}

.single-product .woocommerce-product-gallery figure {
    box-shadow: none !important;
}

/* Right arrow */
.single-product .woocommerce-product-gallery 
.flex-control-thumbs .slick-next {
    right: 0px;
    top: 50%;
}

/* Remove default slick arrow icon */
.single-product .woocommerce-product-gallery 
.flex-control-thumbs .slick-prev:before,
.single-product .woocommerce-product-gallery 
.flex-control-thumbs .slick-next:before {
    display: none;
}

.single-product .woocommerce-product-gallery .slick-slide{
    width: 90px !important;
    height: 90px !important;
}

.single-product .woocommerce-product-gallery .slick-slide li{
    width: 90px !important;
    height: 90px !important;
    cursor: pointer;
}

.single-product .woocommerce-product-gallery .slick-slide img{
    width: 90px !important;
    height: 90px !important;
}

.single-product .woocommerce-product-gallery .slick-track{
    display: flex;
    gap: 20px;
}

.single-product .woocommerce-product-gallery .slick-disabled {
    display: none !important;
	opacity: 0.4;
    pointer-events: none !important;
    cursor: default !important;
}

.single-product .woocommerce-product-gallery  .slick-prev.slick-arrow,
.single-product .woocommerce-product-gallery  .slick-next.slick-arrow {
    background: transparent !important;
    box-shadow: none !important;
}

.single-product .woocommerce-product-gallery  .slick-slide.slick-current.slick-active{
    border: none !important;
}