/*
 Theme Name:   Astra Child
 Description:  Child theme for Biedermaier Vienna
 Template:     astra
 Version:      1.0.0
*/

/* ── Product image + gallery ────────────────────────────────────────────────── */

/* The container uses flex-wrap so main image is full row, thumbs wrap below */
.entry-thumbnail.product-image.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Main image stays full width of its column */
.entry-thumbnail.product-image .bm-main-image {
    display: block;
    width: 100%;
    flex: 0 0 100%;
}

.entry-thumbnail.product-image .bm-main-image img {
    width: 100%;
    height: auto;
    pointer-events: none; /* let the click pass through to the <a> parent */
}

.entry-thumbnail.product-image .bm-main-image {
    cursor: pointer;
}

/* Gallery thumbnails in a row below the main image */
.entry-thumbnail.product-image .bm-gallery-thumb {
    display: block;
    width: calc(33.333% - 6px);
    overflow: hidden;
}

.entry-thumbnail.product-image .bm-gallery-thumb img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s ease;
}

.entry-thumbnail.product-image .bm-gallery-thumb:hover img {
    opacity: 0.85;
}