/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin.
Version: 3.4.6.1771821287
Updated: 2026-02-23 04:34:47
*/

@media (max-width: 1025px) {
  
  /* 1. The Menu Panel - MUST be higher than overlay */
  .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 0 !important;
    right: -100% !important; /* Start off-screen */
    left: auto !important;
    width: 280px !important;
    height: 100vh !important;
    background: #ffffff !important;
    z-index: 9999999 !important; /* Extremely high layer */
    padding: 80px 0 30px !important;
    transition: right 0.4s ease-in-out !important;
    
    /* Force it to be technically 'visible' so it can slide */
    display: block !important; 
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: -5px 0 15px rgba(0,0,0,0.2) !important;
  }

  /* 2. Slide the menu in when active */
  .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu--dropdown,
  .elementor-nav-menu--dropdown.elementor-active {
    right: 0 !important;
  }

  /* 3. The Gray Overlay - MUST be lower than menu */
  .mobile-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 9999998 !important; /* One level BELOW the menu */
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .mobile-overlay.is-active {
    display: block !important;
    opacity: 1 !important;
  }

  /* Prevent background scrolling */
  body.menu-open {
    overflow: hidden !important;
  }
}