/* Static mirror overrides */

/* Make background images fill their absolutely-positioned containers */
.index-section-image img,
#thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}

/* Sections with background images: sized to ~60vh */
.index-section-wrapper.has-main-media {
    min-height: 60vh;
    position: relative;
}

/* Outer container and image-less wrappers just need relative positioning */
.index-section {
    position: relative;
}

.index-section-wrapper {
    position: relative;
}

/* Merch/collection banner: match 60vh height, strip site.css's 170px padding */
.banner-thumbnail-wrapper {
    min-height: 60vh;
    padding: 0 !important;
}

/* Hide page title on the merch collection page */
.collection-merch-1 .page-title {
    display: none;
}

/* Product listing images: scale to fit container without cropping */
.product-image .intrinsic {
    position: relative;
    overflow: hidden;
}
.product-image .intrinsic > div {
    padding-bottom: 100%;
    height: 0;
}
.product-image .intrinsic img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
    display: block;
}

/* Product listing: center the two items horizontally */
#productList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#productList .product {
    float: none;
}

/* Product detail page: make slideshow image fill its square container */
#productGallery #productSlideshow .slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
}

/* Product detail page: unhide the purchase button */
#productDetails .gol-add-to-cart-button-wrapper {
    display: block !important;
    visibility: visible !important;
}

/* Hide the ALL / ART / MUSIC category filter nav on all merch pages */
#categoryNav {
    display: none !important;
}

/* Newsletter block: force visible (JS never adds .rendered class) */
.newsletter-block {
    opacity: 1 !important;
}