/* ====================================================
   VPS TEMPLATE - Force solid white navbar on all VPS pages
   ==================================================== */

/* Solid background always (no transparent-at-top) */
#topnav {
  background: #fff !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.06) !important;
}

/* Default text color — dark grey */
#topnav .navigation-menu > li > a,
#topnav .navigation-menu.nav-light > li > a,
#topnav .navigation-menu.nav-light > li.active > a,
#topnav .navigation-menu.nav-light > li:hover > a {
  color: #374151 !important;
}

/* Hover / active uses page accent color */
#topnav .navigation-menu > li > a:hover,
#topnav .navigation-menu > li.active > a {
  color: var(--vps-accent, #6d28d9) !important;
}

/* Arrow default */
#topnav .navigation-menu.nav-light > li > .menu-arrow,
#topnav .navigation-menu.nav-light > li.active > .menu-arrow,
#topnav .navigation-menu.nav-light > li:hover > .menu-arrow,
#topnav .navigation-menu.nav-light .has-submenu .menu-arrow,
#topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {
  border-color: #6b7280 !important;
}

/* Arrow hover */
#topnav .navigation-menu > li > a:hover > .menu-arrow {
  border-color: var(--vps-accent, #6d28d9) !important;
}