/* V22 MENU GLOBAL EXACT MATCH
   Goal: keep the main site menu structure identical across all pages,
   while replicating the gold underline effect approved on the panel. */

html body .nav,
html body .header .nav{
  position:relative;
  z-index:50;
}

html body .nav .content-area{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  min-height:80px!important;
  gap:0!important;
}

html body .nav__logo{
  width:74px!important;
  min-width:74px!important;
  flex:0 0 74px!important;
  margin-right:26px!important;
}

html body .nav__logo img{
  width:64px!important;
  max-width:64px!important;
  display:block!important;
}

html body .nav__links{
  display:flex!important;
  align-items:center!important;
  flex:1 1 auto!important;
  justify-content:flex-start!important;
  gap:clamp(18px,1.45vw,34px)!important;
  margin:0!important;
  padding:0!important;
}

html body .nav__links-item,
html body .nav__links-item:not(:last-child){
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  min-height:80px!important;
}

html body .nav__links-item a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:80px!important;
  padding:0 2px!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#efe8dc!important;
  transition:color .22s ease, text-shadow .22s ease, transform .22s ease!important;
}

html body .nav__links-item::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:0!important;
  max-width:68px!important;
  min-width:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,169,0,0),rgba(255,191,72,.98),rgba(255,169,0,0))!important;
  box-shadow:0 0 16px rgba(255,175,32,.42)!important;
  opacity:0!important;
  transition:width .22s ease, opacity .22s ease, box-shadow .22s ease!important;
  pointer-events:none!important;
}

html body .nav__links-item:hover a,
html body .nav__links-item.active a{
  color:#ffb321!important;
  text-shadow:0 0 14px rgba(255,176,51,.28)!important;
}

html body .nav__links-item:hover::after,
html body .nav__links-item.active::after{
  width:calc(100% - 8px)!important;
  min-width:42px!important;
  opacity:1!important;
}

html body .nav__langs{
  margin-left:auto!important;
  margin-right:16px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  height:80px!important;
}

html body .nav__langs-current{
  min-height:42px!important;
}

html body .nav__langs-current-name{
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

html body .nav .button,
html body .nav a.button{
  flex:0 0 auto!important;
  min-width:144px!important;
  height:42px!important;
  padding:0 22px!important;
}

html body .nav .button + .button,
html body .nav .nav-login-btn + .button{
  margin-left:16px!important;
}

html body .nav .nav-login-btn{
  margin-left:0!important;
}

html body .nav .button span{
  white-space:nowrap!important;
}

/* keep all pages visually the same as the main page */
html body .header.inner .nav,
html body .header.header-main .nav{
  background:rgba(3,8,15,.92)!important;
  border-bottom:1px solid rgba(196,145,45,.16)!important;
}

/* ensure panel does not apply a different menu layout */
html body.account-v5-body .nav .content-area,
html body.account-v6-body .nav .content-area,
html body.account-v7-body .nav .content-area,
html body.account-v9-body .nav .content-area,
html body.account-v10-body .nav .content-area,
html body.account-v11-body .nav .content-area{
  max-width:1320px!important;
}

@media (max-width: 1440px){
  html body .nav__logo{margin-right:22px!important;width:70px!important;min-width:70px!important;flex-basis:70px!important;}
  html body .nav__logo img{width:60px!important;max-width:60px!important;}
  html body .nav__links{gap:22px!important;}
  html body .nav__links-item a{font-size:13px!important;letter-spacing:.10em!important;}
  html body .nav__langs{margin-right:12px!important;}
  html body .nav .button{min-width:132px!important;padding:0 18px!important;}
}

@media (max-width: 1240px){
  html body .nav__logo{margin-right:18px!important;}
  html body .nav__links{gap:16px!important;}
  html body .nav__links-item a{font-size:12px!important;letter-spacing:.08em!important;}
  html body .nav .button{min-width:118px!important;padding:0 14px!important;}
}

@media (max-width: 1080px){
  html body .nav__links{display:none!important;}
  html body .nav__open-links{display:flex!important;}
  html body .nav__logo{margin-right:auto!important;}
}