/*!
Theme Name: Ven
Theme URI: https://ven.com.au/
Author: Ven
Author URI: https://ven.com.au/
Description: Site by VEN.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ven
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.gform_required_legend {
    display: none;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* Prevent wide animated/content rails from creating a page-level side scroll. */
.ph-site-shell {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

.bg-yellow-200.aligncenter:has(> [class*="marquee_var"]) {
    overflow-x: hidden;
    overflow-x: clip;
}

#header .ph-header-submenu-wrap,
#header .ph-header-submenu-wrap > .container {
    overflow: visible;
}

#header .ph-header-dropdown-menu {
    display: none;
}

#header .ph-header-dropdown:hover > .ph-header-dropdown-menu,
#header .ph-header-dropdown:focus-within > .ph-header-dropdown-menu {
    display: block;
}

.single-product .related-products-slider .splide__slide > a {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.single-product .related-products-slider .splide__slide > a > img,
.single-product .product-gallery__main .splide__slide img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.single-product .related-products-slider .splide__slide > a > [class*="absolute"] {
    position: absolute;
    inset: 0;
}

.single-product .product-contact > picture {
    position: absolute;
    inset: 0;
    max-width: 100%;
    overflow: hidden;
}

.single-product .product-contact > picture img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #header .ph-header-submenu-wrap > .container {
        width: 100%;
        max-width: none;
        min-width: 0;
        gap: 12px;
        padding-inline: 16px;
    }

    #header .ph-header-submenu-wrap > .container > ul {
        min-width: 0;
        gap: 14px;
    }

    #header .ph-header-submenu-wrap > .container > ul:first-child {
        flex: 1 1 auto;
    }

    #header .ph-header-submenu-wrap > .container > ul:last-child {
        flex: 0 0 auto;
    }

    #header .ph-header-submenu-wrap a {
        white-space: nowrap;
        font-size: 14px;
    }
}