/* Shared navbar: aligned dropdown arrow and active state for "Solutions". Loaded last. */
.main-nav .nav-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;line-height:1.2}
.main-nav .nav-chevron{display:block;flex:none;width:10px;height:10px;margin-top:1px;transform:none;transition:transform .2s ease}
.nav-dropdown:hover .nav-chevron,.nav-dropdown:focus-within .nav-chevron{transform:rotate(180deg)}
.main-nav .nav-dropdown-trigger.active{color:#952ab1}
.company-subpage .main-nav .nav-dropdown-trigger.active{color:#8539a9}

@media(max-width:820px){
  .main-nav .nav-dropdown-trigger{display:flex;justify-content:space-between;align-items:center}
  /* On mobile the submenu is always open, so the arrow points up */
  .main-nav .nav-chevron,.nav-dropdown:hover .nav-chevron{transform:rotate(180deg)}
}

@media(prefers-reduced-motion:reduce){.main-nav .nav-chevron{transition:none}}

/* Active item inside the Solutions dropdown (current solution page) */
.nav-dropdown-menu a.is-active{position:relative;background:#f6ecfa}
.nav-dropdown-menu a.is-active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#952ab1}
.nav-dropdown-menu a.is-active b{color:#952ab1}
@media(max-width:820px){.nav-dropdown-menu a.is-active{border-radius:9px}}
