/* SlabForge — NAV FIX (z-index, layering, hover/click friendly) */
.sf-nav-root{position:relative;z-index:1000}
.sf-sticky{position:sticky;top:0;background:var(--sf-header-bg,#0e1d3a);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.sf-menu, .sf-menu *{box-sizing:border-box}
.sf-menu{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sf-menu > li{position:relative;list-style:none}
.sf-menu > li > a{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:8px;color:#fff;text-decoration:none;line-height:1}
.sf-menu > li > a:hover{background:rgba(255,255,255,.08)}

/* Dropdown containers */
.sf-menu .submenu{position:absolute;left:0;top:calc(100% + 6px);min-width:220px;background:#fff;border:1px solid #e6edf5;border-radius:10px;box-shadow:0 24px 40px rgba(0,0,0,.12);padding:8px;display:none;z-index:2000;overflow:visible}
.sf-menu .submenu ul{margin:0;padding:0}
.sf-menu .submenu li{list-style:none}
.sf-menu .submenu a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;color:#0e1d3a;text-decoration:none}
.sf-menu .submenu a:hover{background:#eef3fa}

/* 2nd level submenu (mega-ish) */
.sf-menu .submenu .has-children{position:relative}
.sf-menu .submenu .has-children > .submenu{left:calc(100% + 8px);top:0}

/* Open states (JS toggles .open) */
.sf-menu li.open > .submenu{display:block}

/* Ensure ancestors don't clip dropdowns */
.sf-no-clip, .sf-nav-root, .sf-sticky, header, .header, .topbar, nav{overflow:visible !important}

/* Mobile treatment: full-width dropdowns */
@media (max-width: 960px){
  .sf-menu{gap:2px}
  .sf-menu > li{flex:1 0 auto}
  .sf-menu .submenu{position:fixed;left:0;right:0;top:56px;max-height:70vh;overflow:auto;border-radius:12px;margin:0 8px}
}