/* Mobile nav additions - loaded on every page */
html{overflow-x:clip}

/* Hamburger button (hidden on desktop) */
.nav-hamburger{display:none;background:none;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:9px 11px;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;transition:border-color .2s}
.nav-hamburger:hover{border-color:rgba(255,255,255,.28)}
.nav-hamburger span{display:block;width:18px;height:2px;background:#B4B4BE;border-radius:2px;transition:all .25s}
nav.nav-open .nav-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.nav-open .nav-hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}
nav.nav-open .nav-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:1120px){
  /* Show hamburger, hide desktop CTA */
  .nav-hamburger{display:flex}
  .nav-inner>.btn,.nav-inner>a.btn{display:none}

  /* Nav-links: fixed overlay panel below the nav bar - hamburger stays in the bar */
  .nav-links{display:none;position:fixed;top:62px;left:0;right:0;height:calc(100vh - 62px);overflow-y:auto;background:rgba(9,9,11,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);flex-direction:column;padding:8px 20px 32px;gap:0;z-index:199}
  nav.nav-open .nav-links{display:flex}

  /* Top-level nav items - big tap targets */
  .nav-links>li{border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-links>li>a{display:flex;align-items:center;justify-content:space-between;padding:17px 4px;font-size:21px;font-weight:600;color:#FAFAFA;white-space:normal}
  .nav-links>li>a:hover,.nav-links>li>a:active{color:#A78BFA}

  /* === ACCORDION DROPDOWNS === */

  /* Caret: show and rotate when section is open */
  nav.nav-open .caret{display:inline-block!important;transition:transform .2s;flex-shrink:0}
  nav.nav-open .nav-drop.mob-open>a .caret{transform:rotate(180deg)}
  nav.nav-open .nav-drop.mob-open>a{color:#A78BFA}

  /* Drop panel: reset all desktop positioning, hidden until .mob-open */
  nav.nav-open .drop-menu,
  nav.nav-open .drop-menu-xl{
    position:static!important;opacity:1!important;pointer-events:all!important;
    transform:none!important;box-shadow:none!important;border:none!important;
    background:transparent!important;padding:0!important;margin:0!important;
    min-width:0!important;width:100%!important;grid-template-columns:1fr!important;
    gap:0!important;z-index:auto!important;display:none!important
  }
  nav.nav-open .drop-menu::before{display:none!important}
  nav.nav-open .nav-drop.mob-open>.drop-menu,
  nav.nav-open .nav-drop.mob-open>.drop-menu-xl{
    display:block!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    padding-bottom:8px!important
  }

  /* Column groups -> stack vertically */
  nav.nav-open .drop-col,
  nav.nav-open .drop-col-wide,
  nav.nav-open .drop-col-use{display:block!important;padding:0!important}

  /* Section headings */
  nav.nav-open .drop-menu h5,
  nav.nav-open .drop-menu-xl h5{
    font-size:14px!important;font-weight:700!important;letter-spacing:.08em!important;
    text-transform:uppercase!important;color:#7C7C88!important;
    padding:10px 4px 4px 16px!important;margin:0!important;border-bottom:none!important
  }

  /* .drop-item links (Services + Free Tools) */
  nav.nav-open .drop-item{
    display:block!important;padding:8px 4px 8px 16px!important;border-bottom:none!important
  }
  nav.nav-open .drop-item-title{
    font-size:18px!important;font-weight:600!important;color:#94a3b8!important;
    min-width:0!important;flex-shrink:unset!important;margin-bottom:0!important
  }
  nav.nav-open .drop-item:hover .drop-item-title,
  nav.nav-open .drop-item:active .drop-item-title{color:#A78BFA!important}
  nav.nav-open .drop-item-desc{display:none!important}

  /* Simple list links (Resources, Use Cases) */
  nav.nav-open .drop-menu ul,
  nav.nav-open .drop-menu-xl ul{list-style:none!important;padding:0!important;margin:0!important}
  nav.nav-open .drop-menu ul li a,
  nav.nav-open .drop-menu-xl ul li a,
  nav.nav-open .drop-links li a{
    display:block!important;padding:7px 4px 7px 16px!important;
    font-size:18px!important;font-weight:500!important;
    color:#94a3b8!important;border-bottom:none!important
  }
  nav.nav-open .drop-menu ul li a:hover,
  nav.nav-open .drop-links li a:hover{color:#A78BFA!important}

  /* Hide "Tool / Description" column header row (Free Tools dropdown) */
  nav.nav-open .drop-col>div:first-child{display:none!important}

  /* Book a Call mobile CTA */
  .nav-links>li.mobile-cta{border:none;margin-top:8px}
  .nav-links>li.mobile-cta>a{display:flex;align-items:center;justify-content:center;background:#7C3AED;color:#fff;padding:14px 28px;border-radius:10px;font-size:17px;font-weight:700}

  /* Scroll lock when menu open */
  body.nav-open{overflow:hidden}
}