/**
 * Audioengine – WVG Pro Layout Integration
 * APPEND these rules to: yourtheme/assets/css/single-product.css
 *
 * WVG Pro renders inside .ae-prod-hero__gallery-col.
 * These rules make WVG's native markup fit our two-column grid
 * without touching any WVG plugin files.
 *
 * WVG wraps everything in:
 *   .woocommerce-product-gallery
 *     .woo-variation-gallery-wrapper
 *       .woo-variation-gallery-container
 *         .woo-variation-gallery-slider-wrapper  ← main image
 *       .woo-variation-gallery-thumbnail-wrapper  ← thumbnails
 */

/* ── Prevent CSS Grid blowout — grid items must opt into shrinking ──────── */
.ae-prod-hero__gallery-col,
.ae-prod-hero__info-col {
    min-width: 0;
}

.ae-prod-hero__gallery-col {
    position: relative; /* anchor for warranty badge */
}

/* ── Force WVG's gallery to fill our column ─────────────────────────────── */
.ae-prod-hero__gallery-col .woocommerce-product-gallery {
    max-width: 100%;
    width: 100%;
}

/* ── Remove WVG's own max-width so it fills our 620px column ────────────── */
.ae-prod-hero__gallery-col .woo-variation-gallery-wrapper {
    min-width: 0 !important;   /* overrides WVG's inline min-width: 620px */
    min-height: 0 !important;  /* overrides WVG's inline min-height */
    width: 100% !important;
}

/* ── Main slider image ──────────────────────────────────────────────────── */
.ae-prod-hero__gallery-col .woo-variation-gallery-slider img,
.ae-prod-hero__gallery-col .woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

/* ── Thumbnail strip ────────────────────────────────────────────────────── */
.ae-prod-hero__gallery-col .woo-variation-gallery-thumbnail-slider {
    margin-top: 0.75rem;
}

.ae-prod-hero__gallery-col .wvg-gallery-thumbnail-image {
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease, border-color 0.2s ease;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden;
}

.ae-prod-hero__gallery-col .wvg-gallery-thumbnail-image.current-thumbnail,
.ae-prod-hero__gallery-col .wvg-gallery-thumbnail-image:hover {
    opacity: 1;
    border-color: #e7721b; /* Audioengine orange accent */
}

/* ── Warranty badge: float at top-right of gallery column ───────────────── */
.ae-prod-hero__gallery-col .ae-warranty-badge {
    position: absolute;
    top: 12px;
    right: -45px;   /* centred in the 3rem gap between columns */
    width: 90px;
    margin: 0;
    z-index: 4;
}

@media (max-width: 1023px) {
    .ae-prod-hero__gallery-col .ae-warranty-badge {
        position: static;
        width: 70px;
        margin-top: 0.75rem;
    }
}

/* ── Zoom icon (WVG's built-in) ─────────────────────────────────────────── */
.ae-prod-hero__gallery-col .woo-variation-gallery-trigger {
    z-index: 5;
}

/* ── Responsive: full width on mobile ──────────────────────────────────── */
@media (max-width: 1023px) {
    .ae-prod-hero__gallery-col .woo-variation-gallery-wrapper {
        max-width: 100% !important;
    }
}