/* Reliable Services hover flyout navigation */
.topbar,
.topbar .wrap,
.nav,
.navlinks {
  overflow: visible !important;
}

.navlinks {
  position: relative !important;
  z-index: 1000 !important;
}

.navlinks .has-flyout {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.navlinks .has-flyout > a {
  display: inline-flex !important;
  align-items: center !important;
}

.navlinks .has-flyout > a::after {
  content: "▾";
  font-size: 0.72em;
  margin-left: 6px;
  line-height: 1;
}

.navlinks .flyout {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  min-width: 230px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 18px 40px rgba(1,25,54,.18) !important;
  border: 1px solid rgba(1,25,54,.12) !important;
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(6px) !important;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease !important;
  z-index: 9999 !important;
}

.navlinks .flyout::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 12px;
}

.navlinks .has-flyout:hover > .flyout,
.navlinks .has-flyout:focus-within > .flyout {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.navlinks .flyout a {
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.navlinks .flyout a:hover,
.navlinks .flyout a:focus {
  background: rgba(0,95,150,.10) !important;
}

/* Mobile: show Services children directly instead of hover-only */
@media (max-width: 760px) {
  .navlinks .has-flyout {
    display: block !important;
    width: 100% !important;
  }

  .navlinks .flyout {
    position: static !important;
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
    padding: 2px 0 0 12px !important;
    min-width: 0 !important;
  }

  .navlinks .flyout::before {
    display: none !important;
  }

  .navlinks .flyout a {
    padding: 4px 0 !important;
  }

  .navlinks .has-flyout > a::after {
    content: "" !important;
    margin-left: 0 !important;
  }
}


/* Dark flyout styling */
.navlinks .flyout{
  background:#0b2f4a !important;
  border-color:rgba(255,255,255,.15) !important;
}
.navlinks .flyout a{
  color:#ffffff !important;
}
.navlinks .flyout a:hover,
.navlinks .flyout a:focus{
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
}