/* FLY — Global Navigation No Selector V23
   Current page is indicated only by icon emphasis.
   There is NO visible circle, square, pill, highlight, border or background. */

.navBtn,
.navBtn:hover,
.navBtn:focus,
.navBtn:focus-visible,
.navBtn:active,
.navBtn.currentPage,
.navBtn[aria-current="page"]{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Remove any legacy selector pseudo layers. */
.navBtn::before,
.navBtn::after,
.navBtn.currentPage::before,
.navBtn.currentPage::after,
.navBtn[aria-current="page"]::before,
.navBtn[aria-current="page"]::after{
  content:none !important;
  display:none !important;
}

/* Invisible click target only. */
.navBtn{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  opacity:.58 !important;
}

/* The selector is ONLY a tonal change. */
.navBtn.currentPage,
.navBtn[aria-current="page"]{
  opacity:1 !important;
}

.navBtn:hover{
  opacity:.86 !important;
}

.navBtn.currentPage:hover,
.navBtn[aria-current="page"]:hover{
  opacity:1 !important;
}

.navBtn img,
.navBtn svg,
.navBtn > span,
.navBtn > div{
  background:none !important;
  background-color:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.navBtn .navIcon,
.navBtn svg{
  width:18px !important;
  height:18px !important;
}

/* Keep the already-approved thin bar. */
:root{
  --fly-nav-h:50px !important;
}

body{
  padding-top:calc(var(--fly-nav-h) + var(--fly-safe-top, 0px)) !important;
}

.topbar{
  min-height:calc(var(--fly-nav-h) + var(--fly-safe-top, 0px)) !important;
}

.topbarInner{
  min-height:50px !important;
  padding:3px 16px !important;
}

.brand{
  min-height:36px !important;
}

.mascot{
  width:22px !important;
  height:22px !important;
}

.nav{
  gap:6px !important;
}

html{
  scroll-padding-top:calc(var(--fly-nav-h) + var(--fly-safe-top, 0px) + 12px) !important;
}

[id]{
  scroll-margin-top:calc(var(--fly-nav-h) + var(--fly-safe-top, 0px) + 16px) !important;
}