/* --- Force Navigation Dropdowns to Work --- */

/* 1. Unconditionally send the menu to the very front */
.elementor-nav-menu,
.elementor-nav-menu .sub-menu,
.elementor-element .elementor-widget-container,
.elementor-sticky--active {
    z-index: 9999 !important;
}

/* 2. Make sure the parent is ready for the dropdown */
.elementor-nav-menu .menu-item-has-children {
    position: relative !important;
}

/* 3. Kill any overflow clipping on headers */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
nav {
    overflow: visible !important;
}

/* 4. Fully open the submenu on hover */
.elementor-nav-menu li:hover > .sub-menu,
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 5. Add a background to the dropdown so it's not see-through */
.elementor-nav-menu .sub-menu {
    background-color: #ffffff !important;
    border: 1px solid #eee !important;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1) !important;
    padding: 10px 0 !important;
    min-width: 200px !important;
}

/* 6. Basic cleanup for the stray floating links you saw */
body > ul.sub-menu {
    display: none !important;
}
body > .sub-menu,
body > ul.sub-menu {
    display: none !important;
}

/* Prevent layout shifts on shop page */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.elementor-widget-wc-archive-products ul.products li.product {
    min-height: 400px;
}

.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}

/* Prevent product title and price from causing shifts */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    min-height: 48px;
}

/* Reserve space for the add to cart button */
.woocommerce ul.products li.product .button {
    min-height: 40px;
}

.woocommerce-checkout-payment,
#payment {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

.wc_payment_methods li {
    display: block !important;
    margin-bottom: 15px;
}