/* INFOTECH 3.10E — safe global nav standard
   No forced header height. No destructive flex override on header. */
:root{
  --it-cyan:#00f5ff;
  --it-pill-bg:rgba(2,9,23,.62);
  --it-pill-line:rgba(145,190,255,.36);
}
.it-nav-standard{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:1120px!important;
  margin:10px auto 0!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
}
.it-nav-standard .it-nav-pill{
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid var(--it-pill-line)!important;
  background:var(--it-pill-bg)!important;
  color:#f4fbff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:12px!important;
  font-weight:800!important;
  box-sizing:border-box!important;
  max-width:150px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.it-nav-standard .it-nav-pill.is-active{
  border-color:var(--it-cyan)!important;
  background:linear-gradient(135deg,rgba(0,245,255,.20),rgba(85,60,255,.13))!important;
  box-shadow:0 0 0 1px rgba(0,245,255,.18),0 0 22px rgba(0,245,255,.20)!important;
}
[data-infotech-duplicate-active="true"]{
  display:none!important;
}
@media(max-width:820px){
  .it-nav-standard{
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 12px 8px!important;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  .it-nav-standard .it-nav-pill{
    flex:0 0 auto!important;
    height:32px!important;
    max-width:none!important;
    font-size:11px!important;
    padding:0 12px!important;
  }
}

/* INFOTECH 3.10K — navigation stability between pages */
.fixture-site-header,
.site-header,
header{
  --it-nav-safe-width: 1120px;
}
.it-nav-standard,
.fixture-header-nav,
.site-header nav,
header nav{
  min-height: 82px!important;
  align-content:flex-start!important;
  gap:8px!important;
}
.it-nav-standard .it-nav-pill,
.fixture-header-nav a{
  height:34px!important;
  min-width:72px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.it-nav-standard .it-nav-pill[data-it-nav-key="fixture-builder"],
.it-nav-standard .it-nav-pill[data-it-nav-key="network-tools"],
.fixture-header-nav a[href*="fixture-builder"],
.fixture-header-nav a[href*="network-tools"]{
  min-width:112px!important;
}
.it-nav-standard .it-nav-pill[data-it-nav-key="fixturebridge"],
.fixture-header-nav a[href*="fixturebridge"]{
  min-width:108px!important;
}
.it-nav-standard .it-nav-pill[data-it-nav-key="stagetools"],
.fixture-header-nav a[href*="stagetools"]{
  min-width:92px!important;
}
.it-nav-standard .it-nav-pill[data-it-nav-key="instagram"],
.fixture-header-nav a[href*="instagram"]{
  min-width:88px!important;
}
@media(max-width:820px){
  .it-nav-standard,
  .fixture-header-nav,
  .site-header nav,
  header nav{
    min-height:44px!important;
  }
}
