/*
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. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1775777577
Updated: 2026-04-09 23:32:57

*/

/* Force hamburger on all screen sizes */
.elementor-nav-menu--main .elementor-nav-menu {
    display: none !important;
}

.elementor-menu-toggle {
    display: flex !important;
}
.elementor-nav-menu--dropdown {
    width: 300px; /* or whatever width suits you */
}

/* Force hamburger on all screen sizes */
.elementor-nav-menu--main .elementor-nav-menu {
    display: none !important;
}

.elementor-menu-toggle {
    display: flex !important;
}

/* Fix dropdown visibility */
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    display: block !important;
    position: absolute;
    z-index: 9999;
}



/* Force hamburger always */
.elementor-nav-menu--main .elementor-nav-menu { display: none !important; }
.elementor-menu-toggle { display: flex !important; position: relative; z-index: 10001; }
.elementor-nav-menu--dropdown.elementor-nav-menu__container { display: none !important; }

/* Overlay */
.sg-nav-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(4px);
    z-index: 9998;
}
.sg-nav-overlay.open { display: block; }

/* Drawer */
.sg-nav-drawer {
    position: fixed;
    top: 0; right: 0;
    width: min(380px, 90vw);
    height: 100vh;
    background: #1a1a1a;
    z-index: 99999999;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    padding: 2rem;
    box-sizing: border-box;
}
.sg-nav-drawer.open { transform: translateX(0); }

/* Close button */
.sg-nav-close {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem;
    padding-top: 0.5rem; /* push button down from very top */
}
.sg-nav-close button {
    background: none;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    width: 36px; height: 36px;
    font-size: 1.1rem;
    cursor: pointer;
    color: rgba(255,255,255,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
}
.sg-nav-close button:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
}

/* Nav links */
.sg-nav-drawer .elementor-nav-menu {
    display: flex !important;
    flex-direction: column;
    list-style: none;
    margin: 0; padding: 0;
}
.sg-nav-drawer .elementor-nav-menu li {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.sg-nav-drawer .elementor-nav-menu a {
    display: block;
    padding: 1rem 0;
    text-decoration: none;
    color: rgba(255,255,255,0.75);
    font-size: 1.05rem;
    letter-spacing: 0.03em;
    transition: color 0.2s, padding-left 0.2s;
    box-sizing: border-box;
}
.sg-nav-drawer .elementor-nav-menu a:hover {
    color: #fff;
    padding-left: 8px;
}