/**
 * Theme Name:     Hello Elementor Child Theme
 * Author:         Pliris
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child-theme
 * Description:    This is a child theme of Hello Elementor
 * Version:        1.0.01
 */

.woocommerce-single-product .summary {
  display: grid;
  grid-template-areas:
    "title"
    "price"
    "cart"
    "meta";
}

.woocommerce div.product .product_title { grid-area: title; }
.woocommerce div.product .price { grid-area: price; }
.woocommerce div.product form.cart { grid-area: cart; }


.product-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 10px;
}

.product-gallery-grid img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.custom-gallery-slider-overlay {
    position: fixed;
    top:0; left:0;
    width:100%; height:100%;
    background: rgba(255,255,255,0.95);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.custom-product-swiper img {
    max-height: 80vh;
    margin:0 auto;
}

.slide-title {
    text-align:center;
    font-weight:bold;
    margin-top:10px;
}


/* Hover cursor for zoom on main image */
.overlay-image {
    cursor: zoom-in;
    transition: all 0.3s;
    user-select: none; /* prevent text/image selection during drag */
}

.overlay-image.zoomed {
    cursor: grab;
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    width: auto;
    height: auto;
    object-fit: contain;
}
.overlay-image.grabbing {
    cursor: grabbing;
}

.overlay-image { cursor: zoom-in; transition: all 0.3s; }
.overlay-image.zoomed { cursor: zoom-out; }