/* V73 - global menu hover stripe + connected button unified with account-panel.php */

/* Remove older underline layers so every page uses the same account-panel stripe */
html body .header .nav__links-item::after,
html body .header.inner .nav__links-item::after{
  display:none!important;
  content:none!important;
}

html body .header .nav__links-item,
html body .header.inner .nav__links-item{
  position:relative!important;
  overflow:visible!important;
}

html body .header .nav__links-item a,
html body .header.inner .nav__links-item a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  transition:color .22s ease,text-shadow .22s ease,transform .22s ease!important;
}

html body .header .nav__links-item a::after,
html body .header.inner .nav__links-item a::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-17px!important;
  width:0!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#ba7a12 10%,#f2aa21 35%,#ffe18a 50%,#f2aa21 65%,#ba7a12 90%,transparent)!important;
  box-shadow:0 0 14px rgba(246,177,37,.72),0 0 32px rgba(246,177,37,.28)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:width .24s ease,opacity .24s ease!important;
}

html body .header .nav__links-item:hover a,
html body .header .nav__links-item.active a,
html body .header.inner .nav__links-item:hover a,
html body .header.inner .nav__links-item.active a{
  color:#ffe38d!important;
  text-shadow:0 0 15px rgba(255,190,47,.65),0 0 28px rgba(255,190,47,.25)!important;
  transform:translateY(-1px)!important;
}

html body .header .nav__links-item:hover a::after,
html body .header .nav__links-item.active a::after,
html body .header.inner .nav__links-item:hover a::after,
html body .header.inner .nav__links-item.active a::after{
  width:calc(100% + 34px)!important;
  min-width:76px!important;
  opacity:1!important;
}

/* Auth block: keep all public pages identical to the account panel */
html body .header .nav .nav-auth-group,
html body .header.inner .nav .nav-auth-group{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-left:18px!important;
  flex:0 0 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
}

html body .header .nav .nav-panel-btn.nav-auth-login,
html body .header.inner .nav .nav-panel-btn.nav-auth-login{
  min-width:164px!important;
  width:164px!important;
  height:46px!important;
  padding:0 24px!important;
  border-radius:999px!important;
  letter-spacing:4px!important;
  background:linear-gradient(180deg,#ffd448 0%,#f5a313 55%,#e08b06 100%)!important;
  border:1px solid rgba(255,218,91,.72)!important;
  box-shadow:0 10px 28px rgba(232,142,5,.32),inset 0 1px 0 rgba(255,255,255,.38)!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}

html body .header .nav .nav-panel-btn.nav-auth-login:hover,
html body .header.inner .nav .nav-panel-btn.nav-auth-login:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 0 0 1px rgba(255,226,137,.35),0 14px 32px rgba(244,159,14,.35),0 0 24px rgba(255,183,45,.18)!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected{
  width:auto!important;
  min-width:176px!important;
  max-width:230px!important;
  height:46px!important;
  min-height:46px!important;
  padding:6px 16px!important;
  border-radius:999px!important;
  gap:9px!important;
  color:#eaffda!important;
  border:1px solid rgba(91,255,116,.58)!important;
  background:linear-gradient(180deg,#36c761 0%,#1f8f41 52%,#14682e 100%)!important;
  box-shadow:0 0 0 1px rgba(130,255,142,.18),0 12px 28px rgba(21,180,70,.30),inset 0 1px 0 rgba(255,255,255,.35)!important;
  overflow:hidden!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
  letter-spacing:0!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected img,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected img{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.35))!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected span,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected span{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:165px!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  overflow:hidden!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected strong,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected strong,
html body .header .nav .nav-panel-btn.nav-auth-connected em,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected em{
  display:block!important;
  max-width:165px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  font-weight:900!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected strong,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected strong{
  color:#fff!important;
  font-size:11px!important;
  letter-spacing:1.1px!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected em,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected em{
  margin-top:3px!important;
  color:#d9ffd4!important;
  font-size:10px!important;
  letter-spacing:.85px!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected:hover,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 0 0 1px rgba(166,255,174,.32),0 16px 34px rgba(21,196,73,.40),0 0 24px rgba(82,255,103,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

html body .header .nav .nav-auth-logout,
html body .header.inner .nav .nav-auth-logout{
  height:42px!important;
  min-width:70px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ffd7d7!important;
  text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  border:1px solid rgba(255,116,116,.36)!important;
  background:linear-gradient(180deg,rgba(46,13,17,.92),rgba(15,18,24,.94))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important;
  transition:transform .2s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

html body .header .nav .nav-auth-logout:hover,
html body .header.inner .nav .nav-auth-logout:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
  border-color:rgba(255,141,141,.65)!important;
  box-shadow:0 0 0 1px rgba(255,141,141,.13),0 12px 28px rgba(0,0,0,.38),0 0 18px rgba(255,70,70,.18)!important;
}

@media (max-width:1400px){
  html body .header .nav .nav-auth-group,
  html body .header.inner .nav .nav-auth-group{gap:8px!important;margin-left:12px!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected{min-width:160px!important;max-width:205px!important;height:44px!important;padding:5px 13px!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected span,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected span{max-width:145px!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected strong,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected strong,
  html body .header .nav .nav-panel-btn.nav-auth-connected em,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected em{max-width:145px!important;}
  html body .header .nav .nav-auth-logout,
  html body .header.inner .nav .nav-auth-logout{height:38px!important;min-width:62px!important;padding:0 12px!important;font-size:10px!important;letter-spacing:1.5px!important;}
}

@media (max-width:760px){
  html body .header .nav .nav__links-item a::after,
  html body .header.inner .nav__links-item a::after{bottom:-10px!important;}
  html body .header .nav .nav-auth-group,
  html body .header.inner .nav .nav-auth-group{gap:6px!important;margin-left:auto!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected{min-width:120px!important;max-width:150px!important;height:42px!important;padding:4px 10px!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected img,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected img{display:none!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected span,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected span,
  html body .header .nav .nav-panel-btn.nav-auth-connected strong,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected strong,
  html body .header .nav .nav-panel-btn.nav-auth-connected em,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected em{max-width:112px!important;font-size:9px!important;letter-spacing:.3px!important;}
  html body .header .nav .nav-auth-logout,
  html body .header.inner .nav .nav-auth-logout{height:34px!important;min-width:50px!important;padding:0 9px!important;font-size:9px!important;letter-spacing:.8px!important;}
}