/* Fix: nested (2nd-level+) mobile menu dropdowns float/overlap instead of
   expanding inline like the 1st-level dropdown. Parent theme only forces
   relative positioning on the 1st-level ".dropdown-menu.show"; deeper
   ".dropdown-menu .dropdown-menu" submenus stay absolutely positioned. */
.nav-mobile .main-nav .nav-item .dropdown-menu .dropdown-menu.show {
    position: relative !important;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0) !important;
    top: 0 !important;
    left: 0 !important;
}

/* Fix: parent theme never gives ".nav-item" (the <li>) a positioning context,
   so its absolutely-positioned toggle chevron (".nav-mobile-trigger", top:0;
   right:0) escapes to the nearest positioned ancestor instead — the expanded
   top-level ".dropdown-menu.show" panel above. That drags a nested item's
   toggle (and its submenu) up to float at the top of the whole panel instead
   of staying next to its own row. */
.nav-mobile .main-nav .nav-item {
    position: relative;
}

/* Sidebar-only menu items: desktop and mobile nav render from the same WP
   menu, so an item added there shows in both by default. Tag an item with
   the "cre-mobile-only" CSS class (Appearance > Menus > Screen Options >
   CSS Classes) to hide it in the desktop nav while it stays visible in the
   mobile offcanvas panel. */
.houzez-nav-menu-main-desktop-wrap .cre-mobile-only {
    display: none !important;
}

/* Mobile offcanvas menu logo (replaces the plain "Menu" title) */
.offcanvas-mobile-menu-logo {
    display: inline-block;
}
.offcanvas-mobile-menu-logo img {
    max-height: 32px;
    width: auto;
}

/* =============================================================================
   Dashboard Sidebar — fix collapsed sidebar hiding behind dashboard content
   ============================================================================= */
/* Below 1199px the dashboard sidebar collapses into an overlay; without a
   z-index it stacks behind ".dashboard-content" and never becomes visible. */
@media screen and (max-width: 1199px) {
	  .sidebar-collapsed .dashboard-sidebar {
        z-index: 999;
    }
}

/* Shrink the sidebar collapse/close toggle icon to fit its button */
.crose-btn i {
	font-size: 12px !important;
}