/* Mobile Menu - Left Side Positioning Override */

@media (max-width: 768px) {
    /* Force hamburger button to left side */
    .mobile-hamburger,
    button.mobile-hamburger,
    #mobile-hamburger,
    button#mobile-hamburger {
        left: 12px !important;
        right: auto !important;
    }

    /* Mobile menu panel - completely hidden when closed, slides from left */
    .mobile-menu-panel:not(.active),
    #mobile-menu-panel:not(.active) {
        left: -350px !important; /* Start completely off-screen */
        right: auto !important;
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.5) !important;
        transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }

    .mobile-menu-panel.active,
    #mobile-menu-panel.active {
        left: 0 !important; /* Slide to visible position */
        right: auto !important;
    }

    /* Adjust header content to account for left hamburger */
    .elementor-location-header .e-con-inner {
        padding-left: 50px !important;
        justify-content: center !important;
    }

    /* Center the logo properly with left hamburger */
    #lottie-logo,
    .elementor-location-header .animated-logo {
        margin: 0 auto !important;
        position: relative !important;
    }

    /* Ensure the SOLSTICESOFT badge stays on the right */
    .elementor-location-header .elementor-container::after,
    .elementor-location-header .e-con-inner::after {
        right: 10px !important;
        left: auto !important;
    }
}