/* Keep underline decoration separate from the explicit submenu chevrons. */
.main-header .navbar .navbar-nav > .nav-item > .nav-link { display: inline-flex; align-items: center; gap: 7px; font-weight: 500; text-decoration: none; transition: color .18s ease; }
.main-header .navbar .navbar-nav > .nav-item > .nav-link:hover,
.main-header .navbar .navbar-nav > .nav-item > .nav-link.active { font-weight: 500; color: #2864ff; text-decoration: none; }
.main-header .navbar .navbar-nav > .nav-item > .nav-link::after,
.main-header .navbar .navbar-nav .dropdown-toggle::after { content: none !important; display: none !important; }
.main-header .navbar .navbar-nav > .nav-item > .nav-link::before { content: ''; position: absolute; left: 12px; right: 12px; bottom: 5px; height: 2px; width: auto; background: #2864ff; transform: scaleX(0); transform-origin: left; transition: transform .18s ease; }
.main-header .navbar .navbar-nav > .nav-item > .nav-link:hover::before,
.main-header .navbar .navbar-nav > .nav-item > .nav-link.active::before,
.main-header .navbar .navbar-nav > .nav-item > .nav-link[aria-expanded="true"]::before { transform: scaleX(1); }
.main-header .nav-chevron { display: inline-block; width: 12px; height: 12px; flex: 0 0 12px; color: currentColor; transition: transform .18s ease; }
.main-header .navbar .dropdown-toggle[aria-expanded="true"] > .nav-chevron { transform: rotate(180deg); }
.main-header .navbar .dropdown-submenu > .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.main-header .navbar .dropdown-item { font-weight: 400; transition: color .18s ease, background-color .18s ease; }
.main-header .navbar .dropdown-item:hover,
.main-header .navbar .dropdown-item:focus,
.main-header .navbar .dropdown .dropdown-item.active { font-weight: 400; color: #2457cd; background: #edf4ff; }
.main-header .navbar a:focus-visible,
.main-header .navbar button:focus-visible { outline: 2px solid #75a5ff; outline-offset: 3px; }
.main-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
}
@media (min-width: 992px) {
  .main-header .navbar .navbar-nav .dropdown > .dropdown-menu { display: none !important; top: 100%; left: 0; margin: 0; transform: none; border-radius: 9px; min-width: 265px; }
  .main-header .navbar .navbar-nav > .nav-item.dropdown:hover > .dropdown-menu,
  .main-header .navbar .navbar-nav > .nav-item.dropdown:focus-within > .dropdown-menu,
  .main-header .navbar .navbar-nav > .nav-item.dropdown > .dropdown-menu.show { display: block !important; }
  .main-header .navbar .navbar-nav > .nav-item.dropdown:hover > .dropdown-toggle > .nav-chevron,
  .main-header .navbar .navbar-nav > .nav-item.dropdown:focus-within > .dropdown-toggle > .nav-chevron { transform: rotate(180deg); }
  .main-header .navbar .navbar-nav .dropdown::after { content: none; }
  .main-header .navbar .navbar-nav .dropdown-submenu > .dropdown-menu { top: -9px; left: 100%; margin: 0; min-width: 215px; }
  .main-header .navbar .navbar-nav .dropdown-submenu:hover > .dropdown-menu,
  .main-header .navbar .navbar-nav .dropdown-submenu:focus-within > .dropdown-menu,
  .main-header .navbar .navbar-nav .dropdown-submenu > .dropdown-menu.show { display: block !important; }
  .main-header .navbar .dropdown-submenu > .dropdown-toggle > .nav-chevron { transform: rotate(-90deg); }
.main-header .navbar .dropdown-submenu > .dropdown-toggle[aria-expanded="true"] > .nav-chevron { transform: rotate(-90deg); }
}

/* Brand-tinted mobile drawer surface, shared by home and inner pages. */
@media (max-width: 991px) {
  body.home-page .main-header .navbar-collapse,
  body.inner-page .main-header .navbar-collapse {
    background:
      radial-gradient(ellipse 72% 48% at 100% 0%, rgba(64, 95, 255, .24), transparent 76%),
      linear-gradient(155deg, #102847 0%, #17375b 48%, #111d32 100%) !important;
  }
}
@media (max-width: 991px) {
  .main-header .navbar .navbar-nav > .nav-item > .nav-link { display: flex; justify-content: space-between; width: 100%; min-height: 44px; }
  .main-header .navbar .navbar-nav > .nav-item > .nav-link::before { display: none; }
  .main-header .navbar .navbar-nav .dropdown-toggle { gap: 15px; }
  .main-header .navbar .navbar-nav .dropdown-item:hover,
  .main-header .navbar .navbar-nav .dropdown-item:focus { background: #ffffff12; color: #fff; }
  .main-header .navbar .navbar-nav .dropdown-menu .dropdown-item::before { background: currentColor; border-radius: 50%; content: ''; display: inline-block; flex: 0 0 5px; height: 5px; margin-right: 10px; opacity: .8; vertical-align: middle; width: 5px; }
  .main-header .navbar .navbar-nav .dropdown-submenu > .dropdown-toggle { gap: 8px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .main-header .nav-chevron,
  .main-header .navbar .navbar-nav > .nav-item > .nav-link,
  .main-header .navbar .navbar-nav > .nav-item > .nav-link::before,
  .main-header .navbar .dropdown-item { transition: none; }
}

/* Keep the shared mobile drawer readable and consistently aligned. */
@media (max-width: 991px) {
  .main-header .navbar-collapse { padding: 16px 20px 28px; }
  .main-header .navbar-collapse > .navbar-nav { align-items: stretch !important; gap: 0 !important; width: 100%; }
  .main-header .navbar-collapse > .navbar-nav > .nav-item { width: 100%; }
  .main-header .navbar-collapse > .navbar-nav > .nav-item > .nav-link {
    align-items: center; color: #f5f8ff !important; display: flex; font-size: 16px !important;
    font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.35; min-height: 48px;
    padding: 8px 2px !important; text-decoration: none !important; width: 100%;
  }
  .main-header .navbar-collapse > .navbar-nav > .nav-item.dropdown > .dropdown-menu {
    border: 0; border-left: 1px solid rgba(192, 212, 247, .28); border-radius: 0; box-shadow: none;
    margin: 0 0 8px 4px !important; min-width: 0; padding: 3px 0 5px 13px !important; width: calc(100% - 4px);
  }
  .main-header .navbar-collapse .dropdown-menu > li { margin: 0; width: 100%; }
  .main-header .navbar-collapse .dropdown-menu .dropdown-item {
    align-items: center; background: transparent !important; border-radius: 6px; color: #dce7f8 !important;
    display: flex; font-size: 14.5px !important; font-weight: 500 !important; gap: 9px; justify-content: flex-start;
    line-height: 1.4; min-height: 42px; min-width: 0; padding: 8px 5px !important; text-decoration: none !important;
    text-align: left !important; white-space: normal; width: 100%;
  }
  .main-header .navbar-collapse .dropdown-menu .dropdown-item::before {
    background: #a9c5f4; border-radius: 50%; content: ''; display: block; flex: 0 0 5px; height: 5px;
    margin: 0; opacity: .9; width: 5px;
  }
  .main-header .navbar-collapse .dropdown-menu .dropdown-item > .nav-chevron { color: #c8d9f6; flex: 0 0 12px; margin-left: auto; }
  .main-header .navbar-collapse .dropdown-submenu > .dropdown-toggle { justify-content: flex-start !important; }
  .main-header .navbar-collapse .dropdown-submenu > .dropdown-menu {
    border-left-color: rgba(192, 212, 247, .18); margin: 0 0 4px 3px !important; padding: 2px 0 2px 12px !important;
    width: calc(100% - 3px) !important;
  }
  .main-header .navbar-collapse .dropdown-menu .dropdown-item:hover,
  .main-header .navbar-collapse .dropdown-menu .dropdown-item:focus,
  .main-header .navbar-collapse .dropdown-menu .dropdown-item.active { background: rgba(255, 255, 255, .08) !important; color: #fff !important; }
  .main-header .navbar-collapse .header-cta { margin-top: 10px; padding: 0; }
  .main-header .navbar-collapse .header-cta > .btn-order { margin: 0; }
}