@charset "UTF-8";

/* Shared local sub navigation for company / products / facilities */
.company-page .local-nav,
.products-page .products-anchorNav,
.facilities-page .facilities-anchorNav{
  position:sticky;
  z-index:1200;
  border-bottom:1px solid rgba(24,33,47,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(250,246,242,.76) 100%);
  -webkit-backdrop-filter:blur(14px) saturate(1.02);
  backdrop-filter:blur(14px) saturate(1.02);
  box-shadow:0 10px 24px rgba(18,24,39,.04);
}

.company-page .local-nav{top:var(--ss-header-h);}
.products-page .products-anchorNav{top:calc(var(--ss-header-h) - 4px); z-index:40;}
.facilities-page .facilities-anchorNav{top:var(--ss-header-h);}

.company-page .local-nav__inner,
.products-page .products-anchorNav__inner,
.facilities-page .facilities-anchorNav__inner{
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  white-space:nowrap;
  padding:12px 0;
}
.company-page .local-nav__inner::-webkit-scrollbar,
.products-page .products-anchorNav__inner::-webkit-scrollbar,
.facilities-page .facilities-anchorNav__inner::-webkit-scrollbar{display:none;}

.company-page .local-nav__inner a,
.products-page .products-anchorNav a,
.facilities-page .facilities-anchorNav a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:12px;
  border:1px solid rgba(24,33,47,.07);
  background:rgba(255,255,255,.78);
  color:rgba(24,33,47,.72);
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.company-page .local-nav__inner a:hover,
.products-page .products-anchorNav a:hover,
.facilities-page .facilities-anchorNav a:hover{
  border-color:rgba(242,106,33,.18);
  color:var(--ss-accent);
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 20px rgba(18,24,39,.05);
}

.company-page .local-nav__inner a.is-active,
.company-page .local-nav__inner a[aria-current="true"],
.products-page .products-anchorNav a.is-active,
.products-page .products-anchorNav a[aria-current="true"],
.facilities-page .facilities-anchorNav a.is-active,
.facilities-page .facilities-anchorNav a[aria-current="true"]{
  background:linear-gradient(180deg, rgba(255,245,238,.96) 0%, rgba(255,239,228,.92) 100%);
  color:var(--ss-accent);
  border-color:rgba(242,106,33,.24);
  box-shadow:inset 0 0 0 1px rgba(242,106,33,.06), 0 10px 18px rgba(242,106,33,.07);
  transform:translateY(-1px);
}

@media (max-width: 900px){
  .company-page .local-nav,
  .products-page .products-anchorNav,
  .facilities-page .facilities-anchorNav{box-shadow:0 8px 18px rgba(18,24,39,.035);}

  .company-page .local-nav__inner,
  .products-page .products-anchorNav__inner,
  .facilities-page .facilities-anchorNav__inner{padding:10px 0;}

  .company-page .local-nav__inner a,
  .products-page .products-anchorNav a,
  .facilities-page .facilities-anchorNav a{
    min-height:40px;
    padding:0 16px;
    font-size:14px;
  }
}

@media (hover: none){
  .products-page .products-anchorNav a:hover,
  .facilities-page .facilities-anchorNav a:hover,
  .company-page .local-nav__inner a:hover{
    border-color:rgba(24,33,47,.07);
    color:rgba(24,33,47,.72);
    background:rgba(255,255,255,.78);
    box-shadow:none;
  }

  .company-page .local-nav__inner a.is-active:hover,
  .company-page .local-nav__inner a[aria-current="true"]:hover,
  .products-page .products-anchorNav a.is-active:hover,
  .products-page .products-anchorNav a[aria-current="true"]:hover,
  .facilities-page .facilities-anchorNav a.is-active:hover,
  .facilities-page .facilities-anchorNav a[aria-current="true"]:hover{
    background:linear-gradient(180deg, rgba(255,245,238,.96) 0%, rgba(255,239,228,.92) 100%);
    color:var(--ss-accent);
    border-color:rgba(242,106,33,.24);
    box-shadow:inset 0 0 0 1px rgba(242,106,33,.06), 0 10px 18px rgba(242,106,33,.07);
  }
}