/* =====================================================================
   Solutions nav dropdown — shared by every page.
   Lives inside #stage in canvas px, so it scales with the design canvas.
   Injected + positioned by js/nav-dropdown.js (no per-page markup needed).
   ===================================================================== */

#navDD{
  position:absolute;
  z-index:60;
  display:none;
  min-width:250px;
  padding:8px 0;
  border-radius:12px;
  background:rgba(20,32,50,0.94);
  box-shadow:0 8px 24px rgba(0,0,0,0.45);
  border:1px solid rgba(255,255,255,0.12);
  pointer-events:auto;
}
#navDD.open{ display:block; }

#navDD a{
  display:block;
  padding:11px 20px;
  font-family:'Inter',sans-serif;
  font-weight:500;
  font-size:16px;
  letter-spacing:-0.08px;
  line-height:1.2;
  color:#ffffff;
  text-decoration:none;
  white-space:nowrap;
}
#navDD a:hover{
  background:rgba(255,255,255,0.10);
  color:#ffffff;
}

/* caret flips while the menu is open */
[class*="nav-solutions"] svg{ transition:transform .18s ease; }
[class*="nav-solutions"].dd-open svg{ transform:rotate(0deg); }