/* NAV LINKS */
.block-header__nav-links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:22px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
}

.block-header-item{ position:relative; }

.item-content{
  font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#fff;
  background:none;
  border:0;
  cursor:pointer;
  padding:10px 0;
}

/* Hover desktop */
@media (hover:hover){
  .block-header-item > .item-content:hover,
  .block-header-item > a.item-content:hover{
    color: var(--orange);
  }

  .block-header-item > .item-content::after,
  .block-header-item > a.item-content::after{
    content:"";
    display:block;
    height:2px;
    width:0;
    background:var(--orange);
    transition:width .25s ease;
    margin-top:6px;
  }

  .block-header-item > .item-content:hover::after,
  .block-header-item > a.item-content:hover::after{
    width:100%;
  }
}

.block-header-item a.item-content{ display:inline-block; }

.block-header-item a.item-content:hover,
.block-header-item button.item-content:hover{ opacity:.9; }

/* caret */
.caret{
  display:inline-block;
  margin-left:8px;
  width:0;height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid currentColor;
  transform:translateY(-1px);
}

/* dropdown panel */
.block-header-item__dropdown-area{
  position:absolute;
  top:100%;
  left:0;
  padding-top:10px;
  display:none;
  z-index:50;
}

.block-header-item__dropdown{
  list-style:none;
  margin:0;
  padding:10px 0;
  min-width:260px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}

.block-header-item__dropdown .item-content{
  color:#111;
  text-transform:none;
  font-weight:600;
  letter-spacing:0;
  padding:10px 14px;
  display:block;
  width:100%;
  white-space:normal;
}

.block-header-item__dropdown .item-content:hover{ background:#f3f5f7; }

@media (hover:hover){
  .has-dropdown:hover > .block-header-item__dropdown-area{ display:block; }
}

.has-dropdown.open > .block-header-item__dropdown-area{ display:block; }

/* burger hidden desktop */
.burger{
  display:none;
  width:44px; height:44px;
  border:0;
  background:transparent;
  cursor:pointer;
  padding:8px;
}
.burger span{
  display:block;
  height:3px;
  margin:7px 0;
  background:#fff;
  border-radius:999px;
}