/* V23 MENU POSITION EXACT LOCK
   Keeps the public menu in the exact same position on account-panel.php and all other pages.
   Preserves the gold underline/hover effect from V22. */

/* Base: same as main page .content-area */
html body .header .nav .content-area,
html body .header.inner .nav .content-area,
html body .header.header-main .nav .content-area,
html body.account-v5-body .header.inner .nav .content-area,
html body.account-v6-body .header.inner .nav .content-area,
html body.account-v7-body .header.inner .nav .content-area,
html body.account-v9-body .header.inner .nav .content-area,
html body.account-v10-body .header.inner .nav .content-area,
html body.account-v11-body .header.inner .nav .content-area{
  width:calc(100% - 60px)!important;
  max-width:1400px!important;
  min-width:0!important;
  height:80px!important;
  min-height:80px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  overflow:visible!important;
}

/* Header itself: same height/position everywhere */
html body .header.inner,
html body.account-v5-body .header.inner,
html body.account-v6-body .header.inner,
html body.account-v7-body .header.inner,
html body.account-v9-body .header.inner,
html body.account-v10-body .header.inner,
html body.account-v11-body .header.inner{
  height:80px!important;
  min-height:80px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}

html body .header .nav,
html body .header.inner .nav,
html body .header.header-main .nav,
html body.account-v5-body .header.inner .nav,
html body.account-v6-body .header.inner .nav,
html body.account-v7-body .header.inner .nav,
html body.account-v9-body .header.inner .nav,
html body.account-v10-body .header.inner .nav,
html body.account-v11-body .header.inner .nav{
  width:100%!important;
  height:80px!important;
  min-height:80px!important;
  background:rgba(3,8,15,.92)!important;
  border-bottom:1px solid rgba(196,145,45,.16)!important;
  position:relative!important;
  z-index:50!important;
}

/* Logo: same block in panel and public pages */
html body .nav__logo,
html body.account-v5-body .header.inner .nav__logo,
html body.account-v6-body .header.inner .nav__logo,
html body.account-v7-body .header.inner .nav__logo,
html body.account-v9-body .header.inner .nav__logo,
html body.account-v10-body .header.inner .nav__logo,
html body.account-v11-body .header.inner .nav__logo{
  width:74px!important;
  min-width:74px!important;
  flex:0 0 74px!important;
  height:80px!important;
  margin:0 26px 0 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html body .nav__logo img,
html body.account-v5-body .header.inner .nav__logo img,
html body.account-v6-body .header.inner .nav__logo img,
html body.account-v7-body .header.inner .nav__logo img,
html body.account-v9-body .header.inner .nav__logo img,
html body.account-v10-body .header.inner .nav__logo img,
html body.account-v11-body .header.inner .nav__logo img{
  width:64px!important;
  max-width:64px!important;
  height:auto!important;
  max-height:64px!important;
  display:block!important;
  object-fit:contain!important;
}

/* Link row: exact same start/alignment */
html body .nav__links,
html body.account-v5-body .header.inner .nav__links,
html body.account-v6-body .header.inner .nav__links,
html body.account-v7-body .header.inner .nav__links,
html body.account-v9-body .header.inner .nav__links,
html body.account-v10-body .header.inner .nav__links,
html body.account-v11-body .header.inner .nav__links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:80px!important;
  min-height:80px!important;
  margin:0!important;
  padding:0!important;
  gap:clamp(18px,1.45vw,34px)!important;
  flex-wrap:nowrap!important;
}

html body .nav__links-item,
html body .nav__links-item:not(:last-child),
html body.account-v5-body .header.inner .nav__links-item,
html body.account-v5-body .header.inner .nav__links-item:not(:last-child),
html body.account-v6-body .header.inner .nav__links-item,
html body.account-v6-body .header.inner .nav__links-item:not(:last-child),
html body.account-v7-body .header.inner .nav__links-item,
html body.account-v7-body .header.inner .nav__links-item:not(:last-child),
html body.account-v9-body .header.inner .nav__links-item,
html body.account-v9-body .header.inner .nav__links-item:not(:last-child),
html body.account-v10-body .header.inner .nav__links-item,
html body.account-v10-body .header.inner .nav__links-item:not(:last-child),
html body.account-v11-body .header.inner .nav__links-item,
html body.account-v11-body .header.inner .nav__links-item:not(:last-child){
  width:auto!important;
  height:80px!important;
  min-height:80px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  position:relative!important;
  white-space:nowrap!important;
}

html body .nav__links-item a,
html body.account-v5-body .header.inner .nav__links-item a,
html body.account-v6-body .header.inner .nav__links-item a,
html body.account-v7-body .header.inner .nav__links-item a,
html body.account-v9-body .header.inner .nav__links-item a,
html body.account-v10-body .header.inner .nav__links-item a,
html body.account-v11-body .header.inner .nav__links-item a{
  height:80px!important;
  min-height:80px!important;
  line-height:80px!important;
  padding:0 2px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#efe8dc!important;
  transform:none!important;
}

/* Keep the approved underline/hover effect, but without moving layout */
html body .nav__links-item::after,
html body.account-v5-body .header.inner .nav__links-item::after,
html body.account-v6-body .header.inner .nav__links-item::after,
html body.account-v7-body .header.inner .nav__links-item::after,
html body.account-v9-body .header.inner .nav__links-item::after,
html body.account-v10-body .header.inner .nav__links-item::after,
html body.account-v11-body .header.inner .nav__links-item::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:17px!important;
  transform:translateX(-50%)!important;
  width:0!important;
  min-width:0!important;
  max-width:68px!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!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,.30)!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;
}

/* Right side: same position/order */
html body .nav__langs,
html body.account-v5-body .header.inner .nav__langs,
html body.account-v6-body .header.inner .nav__langs,
html body.account-v7-body .header.inner .nav__langs,
html body.account-v9-body .header.inner .nav__langs,
html body.account-v10-body .header.inner .nav__langs,
html body.account-v11-body .header.inner .nav__langs{
  flex:0 0 auto!important;
  margin-left:auto!important;
  margin-right:16px!important;
  height:80px!important;
  min-height:80px!important;
  display:flex!important;
  align-items:center!important;
}

html body .nav .button,
html body .nav a.button,
html body.account-v5-body .header.inner .nav .button,
html body.account-v5-body .header.inner .nav a.button,
html body.account-v6-body .header.inner .nav .button,
html body.account-v6-body .header.inner .nav a.button,
html body.account-v7-body .header.inner .nav .button,
html body.account-v7-body .header.inner .nav a.button,
html body.account-v9-body .header.inner .nav .button,
html body.account-v9-body .header.inner .nav a.button,
html body.account-v10-body .header.inner .nav .button,
html body.account-v10-body .header.inner .nav a.button,
html body.account-v11-body .header.inner .nav .button,
html body.account-v11-body .header.inner .nav a.button{
  width:auto!important;
  min-width:144px!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 22px!important;
  margin:0!important;
  flex:0 0 auto!important;
}

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

html body .nav__open-links{
  flex:0 0 auto!important;
}

/* Restore the page content start after the fixed menu height */
html body.account-v5-body .account-v5-wrap,
html body.account-v6-body .account-v5-wrap,
html body.account-v7-body .account-v5-wrap,
html body.account-v9-body .account-v5-wrap,
html body.account-v10-body .account-v5-wrap,
html body.account-v11-body .account-v5-wrap{
  padding-top:28px!important;
}

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

@media(max-width:1240px){
  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;}
}