/* NoorVista 3.0.123 — desktop public navigation interaction.
   Hover and current-page states use only a short centered underline. */

@media (min-width: 721px) {
  body:not([data-panel-role]) .navbar .menu > li > a {
    position: relative !important;
    isolation: isolate !important;
    min-height: 46px !important;
    padding: 9px 16px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #26384a !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
    transition: color .18s ease !important;
  }

  body:not([data-panel-role]) .navbar .menu > li > a::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 5px !important;
    width: 0 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #06b6d4, #0284c7) !important;
    opacity: 0 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
    transition: width .18s ease, opacity .18s ease !important;
  }

  body:not([data-panel-role]) .navbar .menu > li > a:hover,
  body:not([data-panel-role]) .navbar .menu > li > a:focus-visible,
  body:not([data-panel-role]) .navbar .menu > li > a.nv-current-page,
  body:not([data-panel-role]) .navbar .menu > li > a.active,
  body:not([data-panel-role]) .navbar .menu > li > a[aria-current="page"] {
    background: transparent !important;
    color: #075985 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body:not([data-panel-role]) .navbar .menu > li > a:hover::before,
  body:not([data-panel-role]) .navbar .menu > li > a:focus-visible::before,
  body:not([data-panel-role]) .navbar .menu > li > a.nv-current-page::before,
  body:not([data-panel-role]) .navbar .menu > li > a.active::before,
  body:not([data-panel-role]) .navbar .menu > li > a[aria-current="page"]::before {
    width: 28px !important;
    opacity: 1 !important;
  }

  body:not([data-panel-role]) .navbar .menu > li > a:focus-visible {
    outline: 2px dashed rgba(14, 165, 233, .55) !important;
    outline-offset: 3px !important;
  }

  /* Dropdown parents keep the same interaction without reintroducing arrows. */
  body:not([data-panel-role]) .navbar .menu > li.has-mega > a::after {
    content: none !important;
    display: none !important;
  }
}