/* FLY — Global Navigation Bare Icons V22
   Removes ALL visible icon containers. Navigation is icon-only. */

.navBtn,
.navBtn:hover,
.navBtn:focus,
.navBtn:focus-visible,
.navBtn:active,
.navBtn.active{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Kill any legacy decorative selector layer. */
.navBtn::before,
.navBtn::after,
.navBtn.active::before,
.navBtn.active::after{
  content:none !important;
  display:none !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Keep only the invisible tap target. */
.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:.62 !important;
}

/* Current page = icon emphasis only. */
.navBtn.active{
  opacity:1 !important;
}

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

.navBtn.active:hover{
  opacity:1 !important;
}

.navBtn svg,
.navBtn .navIcon{
  width:18px !important;
  height:18px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Also remove backgrounds from nested wrappers some pages may use. */
.navBtn > span,
.navBtn > div{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

@media(max-width:720px){
  .navBtn{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }
}