/* Force all Webflow scroll-reveal elements visible (they ship with inline opacity:0
   and rely on Webflow's IX2 JS to fade them in — this makes them visible unconditionally) */
[style*="opacity:0"],
[style*="opacity: 0"] {
    opacity: 1 !important;
}

/* Mega menu / dropdown: open on hover using pure CSS, no JS required */
.w-dropdown-list {
    display: none;
}
.w-dropdown:hover .w-dropdown-list,
.dropdown:hover .navigation-dropdown,
.dropdown.ss:hover .navigation-dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Mobile nav menu: same fallback so it opens on tap/hover even without JS */
.w-nav-menu {
    opacity: 1 !important;
}

/* ===== Mobile hamburger menu: guaranteed open/close ===== */
/* Works independently of Webflow's own JS, using a dedicated class toggled by mobile-menu-fix.js */
.navigation-mob .mobile-nav.w-nav-menu {
    display: none;
}
.navigation-mob .mobile-nav.w-nav-menu.kashar-menu-open {
    display: flex !important;
    flex-direction: column;
    position: fixed;
    /* top is set dynamically by mobile-menu-fix.js to match the header's real height */
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    background-color: var(--white, #fff);
    z-index: 999;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.navigation-mob {
    overflow: visible;
}

/* Mobile "Services" accordion: must sit inline in the menu flow (not float like the
   desktop hover mega-menu does). Without this it inherits position:absolute and
   overlaps the page content behind the drawer instead of pushing the links below it down. */
.navigation-mob .mobile-dropdown.w-dropdown {
    display: block !important;
    width: 100%;
    position: static;
}
.navigation-mob .mobile-dropdown .dropdown-list.w-dropdown-list {
    position: static !important;
    width: 100% !important;
    min-width: 100% !important;
    max-height: none !important;
    left: auto !important;
    top: auto !important;
    box-shadow: none !important;
    background-color: var(--white, #fff);
}
.navigation-mob .mobile-toggle.w-dropdown-toggle {
    width: 100%;
}