@charset "UTF-8";

.stm-header-navigation{
  position:relative;
  z-index:3;
  min-height:var(--stm-navbar-height);
  border-top:1px solid color-mix(in srgb,var(--stm-header-border) 72%,transparent);
  border-bottom:0;
  background:var(--stm-header-nav-bg);
  box-shadow:var(--stm-header-nav-edge-shadow);
  color:var(--stm-header-nav-text);
}

.stm-header-navigation__inner{
  min-height:var(--stm-navbar-height);
  display:flex;
  align-items:center;
  justify-content:center;
}

.stm-header-primary-nav{
  width:100%;
}

.stm-header-primary-menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--stm-header-nav-gap);
  margin:0;
  padding:0;
  list-style:none;
}

.stm-header-primary-menu li{
  position:relative;
  margin:0;
}

.stm-header-primary-menu a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:var(--stm-navbar-height);
  color:inherit;
  font-size:var(--stm-font-size-menu);
  font-weight:var(--stm-menu-font-weight);
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  transition:color var(--stm-transition-fast);
}

.stm-header-primary-menu>li>a::after{
  content:"";
  position:absolute;
  right:0;
  bottom:var(--stm-header-nav-underline-bottom);
  left:0;
  height:var(--stm-header-nav-underline-height);
  background:var(--stm-color-primary);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform var(--stm-transition-fast);
}

.stm-header-primary-menu>li>a:hover{
  color:var(--stm-color-heading);
}

.stm-header-primary-menu>.current-menu-item>a,
.stm-header-primary-menu>.current-menu-ancestor>a{
  color:var(--stm-color-primary);
}


.stm-header-primary-menu>li>a:hover::after,
.stm-header-primary-menu>.current-menu-item>a::after,
.stm-header-primary-menu>.current-menu-ancestor>a::after{
  transform:scaleX(1);
}

.stm-header-primary-menu .sub-menu{
  position:absolute;
  z-index:var(--stm-header-nav-z);
  top:100%;
  left:0;
  display:none;
  min-width:var(--stm-header-nav-submenu-width);
  margin:0;
  padding:var(--stm-space-2);
  border:var(--stm-panel-border);
  border-radius:var(--stm-radius-md);
  background:var(--stm-color-surface);
  color:var(--stm-color-heading);
  list-style:none;
}

.stm-header-primary-menu li:hover>.sub-menu,
.stm-header-primary-menu li:focus-within>.sub-menu{
  display:block;
}

.stm-header-primary-menu .sub-menu a{
  min-height:var(--stm-header-nav-submenu-item-height);
  padding:0 var(--stm-space-3);
  border-radius:var(--stm-radius-sm);
  font-size:var(--stm-header-nav-submenu-font-size);
}

.stm-header-primary-menu .sub-menu a:hover{
  background:var(--stm-color-primary);
  color:var(--stm-color-on-primary);
}

.stm-header-primary-menu>li:has(>.sub-menu):hover,
.stm-header-primary-menu>li:has(>.sub-menu):focus-within{z-index:var(--stm-header-nav-z,12030)}