/*
Theme Name: GoStore Child
Theme URI: http://example.com/gostore-child
Description: Child theme for the GoStore Elementor theme.
Author: You
Template: gostore
Version: 1.0.0
Text Domain: gostore-child
*/

/* Importing parent styles is handled in functions.php */

:root {
    /* Add child-theme CSS variables or overrides here */
}

/* Add additional child-theme CSS below this line */

/* ----- Custom product video / thumbnail fixes copied from parent ----- */
figure.no-back-image { display: none; }

img.flex-active { height: 8vh !important; }

@media (max-width: 448px) {
    img.flex-active { height: 6vh !important; }
    .woocommerce .product .flex-viewport {
        height: 100% !important;
        border-radius: 0px;
    }
}

@media (max-width: 768px) {
    iframe.rsfv-video { height: 100% !important; width: 100% !important; }

    .rsfv-video-container[data-rsfv-hover-enabled="true"] .rsfv-play-overlay,
    .rsfv-featured-video[data-rsfv-hover-enabled="true"] .rsfv-play-overlay,
    [data-rsfv-video][data-rsfv-hover-enabled="true"] .rsfv-play-overlay,
    .woocommerce-product-gallery__image[data-rsfv-hover-enabled="true"] .rsfv-play-overlay {
        opacity: 0;
    }

    .rsfv-iframe-wrapper {
        padding-bottom: 53.25% !important;
        overflow: hidden;
        border-radius: 0px !important;
    }

    .woocommerce .products .product .product-wrapper,
    #page .ts-product-deals-wrapper.item-layout-list .products .product .product-wrapper {
        padding: 20px 10px 14px 10px !important;
    }

    .woocommerce-product-gallery__image[data-rsfv-hover-enabled="true"] {
        border-radius: 0px;
        margin-bottom: 0px;
    }

    .rsfv-iframe-wrapper iframe {
        height: 100% !important;
        border: none;
        border-radius: 0px !important;
    }
}

@media (max-width: 480px) {
    .rsfv-video-container[data-rsfv-hover-enabled="true"],
    .rsfv-featured-video[data-rsfv-hover-enabled="true"],
    [data-rsfv-video][data-rsfv-hover-enabled="true"] {
        border-radius: 0px;
        margin-bottom: 0;
    }
}

/* Elementors / scrolling tweaks */
html, body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.elementor-section,
.elementor-column,
.elementor-container {
    overflow: visible !important;
}

/* The following two lines were present in the original snippet but are commented out here to avoid globally hiding page overflow which may break layout.
     If you want them applied, uncomment them after verifying on a staging site. */
/* overflow: hidden; */
/* height: 100%; */