/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

/* style.css */



body.product-page .sticky-element {
    position: sticky;
    top: 100px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 100;
}

body:not(.product-page) .sticky-element {
    display: none !important;
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
}

 



/* Hide product-specific elements on other pages */
body:not(.single-product) .sticky-product-nav,
body:not(.single-product) .product-specs-widget {
    display: none !important;
}

	.wcpay-express-checkout-wrapper, .wc-block-components-express-payment__event-buttons {

    margin-bottom: 1em;
}
	
	
	button.woopay-express-button {
    background: #ffff!important;
}
	
		button.woopay-express-button:hover {
    background: #ffff!important;
}




/* FORCE ELESSI WIDGET IMAGES TO SHOW IN MEGA MENU */
.elementor-nav-menu--main .nasa-product-category-list .nasa-image,
.elementor-nav-menu--main .nasa-product-category-list img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    height: auto !important;
    min-height: 150px !important; /* Forces space for the image */
    transform: none !important; /* Stops loading animations that get stuck */
    transition: none !important;
}

/* Fix for Slick Slider inside hidden container */
.elementor-nav-menu--main .nasa-slick-slider {
    opacity: 1 !important;
    visibility: visible !important;
}



/* Force Slick Slider to show */
.elementor-nav-menu--main .nasa-slick-slider,
.elementor-nav-menu--main .slick-list,
.elementor-nav-menu--main .slick-track {
    opacity: 1 !important;
    visibility: visible !important;
}


body.custom-background {
	background-color: red!important;
    background: red!important;
}

/* ================================================= */
/* FIX: STOP Horizontal Overflow (X-Scroll) on Mobile */
/* ================================================= */

/* 1. Stop the Page/Container from scrolling horizontally */
body.nasa-in-mobile .nasa-store-page,
body.nasa-in-mobile .category-page,
body.nasa-in-mobile .nasa-archive-product-content {
    overflow-x: hidden !important; 
    max-width: 100vw !important; /* Force width to screen size */
    width: 100% !important;
}

/* 2. Reset Rows (Often the cause of horizontal scroll due to negative margins) */
body.nasa-in-mobile .category-page .row,
body.nasa-in-mobile .nasa-store-page .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* 3. CRITICAL: Keep Product Item Overlays Visible */
/* We fixed the page container, now ensure items don't clip internal popups */
body.nasa-in-mobile .product-item,
body.nasa-in-mobile .product-inner,
body.nasa-in-mobile .nasa-archive-product-warp {
    overflow: visible !important; 
}





/* Whatsaapp Button issues */
@media (max-width: 767px) {
  .elementor-3067 .elementor-element.elementor-element-6892d74 {
	position: fixed;
    bottom: 72px;
    z-index: 99;
  }
}

.elementor-view-stacked .elementor-icon {
  background-color: #69727d;
  color: #fff;
  padding: .5em;
  fill: #fff;
}