/* ============================================
   WooCommerce Split Product Gallery
   ============================================ */

/* Make gallery visible immediately (override WC opacity:0) */
.woocommerce-product-gallery {
    opacity: 1 !important;
    transition: none !important;
    display: block !important;
}

/* ── Hide ALL Flexslider navigation ── */
.woocommerce-product-gallery .flex-direction-nav,
.woocommerce-product-gallery .flex-direction-nav li,
.woocommerce-product-gallery .flex-direction-nav a,
.woocommerce-product-gallery .flex-prev,
.woocommerce-product-gallery .flex-next,
.woocommerce-product-gallery .flex-control-nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ── Block 1: Main image ── */
.blurape-gallery__main-image {
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    border-radius: 8px;
    overflow: hidden;
    position: relative !important;
}

.blurape-gallery__main-image .woocommerce-product-gallery__wrapper {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
}

.blurape-gallery__main-image .woocommerce-product-gallery__image {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.blurape-gallery__main-image .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 8px;
}

/* ── Separator ── */
.blurape-gallery__extra-images {
    border-top: 2px solid #eeeeee;
    padding-top: 16px !important;
    margin-top: 0 !important;
}

/* ── Block 2: Extra gallery images as a grid ── */
.blurape-gallery__extra-images {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    float: none !important;
    position: relative !important;
    transform: none !important;
}

.blurape-gallery__extra-images .woocommerce-product-gallery__image {
    flex: 0 0 calc(25% - 8px) !important;
    max-width: calc(25% - 8px) !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.85;
    transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

.blurape-gallery__extra-images .woocommerce-product-gallery__image:hover {
    opacity: 1;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.blurape-gallery__extra-images .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 6px;
}

/* ── Mobile: 2 columns ── */
@media (max-width: 600px) {
    .blurape-gallery__extra-images .woocommerce-product-gallery__image {
        flex: 0 0 calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
    }
}