/* V75 - Header exact sync with account-panel reference
   Keeps one visual language for every public page header. */

/* Header/nav base shared by account-panel and all public pages */
html body .header .nav,
html body .header.inner .nav,
html body .header.header-main .nav{
  position:relative!important;
  z-index:120!important;
  background:rgba(3,8,14,.96)!important;
  border-bottom:1px solid rgba(218,163,47,.16)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.28)!important;
}

html body .header .nav .content-area,
html body .header.inner .nav .content-area,
html body .header.header-main .nav .content-area{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  min-height:74px!important;
  height:74px!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:0 18px!important;
  gap:0!important;
  overflow:visible!important;
}

html body .header .nav__logo,
html body .header.inner .nav__logo,
html body .header.header-main .nav__logo{
  width:72px!important;
  min-width:72px!important;
  flex:0 0 72px!important;
  margin:0 22px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

html body .header .nav__logo img,
html body .header.inner .nav__logo img,
html body .header.header-main .nav__logo img{
  width:auto!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:contain!important;
  display:block!important;
}

html body .header .nav__links,
html body .header.inner .nav__links,
html body .header.header-main .nav__links{
  position:static!important;
  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:74px!important;
  gap:clamp(14px,2.25vw,34px)!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

html body .header .nav__links-item,
html body .header.inner .nav__links-item,
html body .header.header-main .nav__links-item,
html body .header .nav__links-item:not(:last-child),
html body .header.inner .nav__links-item:not(:last-child),
html body .header.header-main .nav__links-item:not(:last-child){
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  height:74px!important;
  min-height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}

html body .header .nav__links-item a,
html body .header.inner .nav__links-item a,
html body .header.header-main .nav__links-item a{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:74px!important;
  min-height:74px!important;
  padding:0!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:#e9e4d8!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transform:none!important;
  transition:color .22s ease,text-shadow .22s ease,transform .22s ease!important;
}

/* Remove wrong alternate/large underlines created by previous patches */
html body .header .nav__links-item::before,
html body .header.inner .nav__links-item::before,
html body .header.header-main .nav__links-item::before,
html body .header .nav__links-item a::before,
html body .header .nav__links-item a::after,
html body .header.inner .nav__links-item a::before,
html body .header.inner .nav__links-item a::after,
html body .header.header-main .nav__links-item a::before,
html body .header.header-main .nav__links-item a::after{
  content:none!important;
  display:none!important;
}

/* Account-panel underline/glow replicated exactly across pages */
html body .header .nav__links-item::after,
html body .header.inner .nav__links-item::after,
html body .header.header-main .nav__links-item::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:16px!important;
  transform:translateX(-50%)!important;
  width:0!important;
  min-width:0!important;
  max-width:70px!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;
  pointer-events:none!important;
  transition:width .22s ease,opacity .22s ease,box-shadow .22s 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,
html body .header.header-main .nav__links-item:hover a,
html body .header.header-main .nav__links-item.active a{
  color:#ffb321!important;
  text-shadow:0 0 14px rgba(255,176,51,.30)!important;
  transform:translateY(-1px)!important;
}

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

html body .header .nav__langs,
html body .header.inner .nav__langs,
html body .header.header-main .nav__langs{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:122px!important;
  min-width:122px!important;
  height:74px!important;
  margin:0 16px 0 auto!important;
  padding:0!important;
  flex:0 0 122px!important;
}

html body .header .nav__langs-current,
html body .header.inner .nav__langs-current,
html body .header.header-main .nav__langs-current{
  height:42px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

/* Connected button: exact compact green pill used by account-panel */
html body .header .nav .nav-auth-group,
html body .header.inner .nav .nav-auth-group,
html body .header.header-main .nav .nav-auth-group{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
  margin:0!important;
  min-width:0!important;
  white-space:nowrap!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:52px!important;
  min-height:52px!important;
  padding:6px 18px!important;
  margin:0!important;
  border-radius:999px!important;
  gap:10px!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:visible!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
  text-decoration:none!important;
  letter-spacing:0!important;
  flex:0 0 auto!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected:hover,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected:hover,
html body .header.header-main .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-panel-btn.nav-auth-connected img,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected img,
html body .header.header-main .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,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected span{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  max-width:none!important;
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  line-height:1.05!important;
  letter-spacing:0!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.header-main .nav .nav-panel-btn.nav-auth-connected strong{
  display:block!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

html body .header .nav .nav-panel-btn.nav-auth-connected em,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected em,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected em{
  display:block!important;
  margin-top:3px!important;
  color:#d9ffd4!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

html body .header .nav .nav-auth-logout,
html body .header.inner .nav .nav-auth-logout,
html body .header.header-main .nav .nav-auth-logout{
  height:42px!important;
  min-width:70px!important;
  padding:0 16px!important;
  margin:0!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;
  flex:0 0 auto!important;
}

html body .header .nav .nav-auth-logout:hover,
html body .header.inner .nav .nav-auth-logout:hover,
html body .header.header-main .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;
}

/* Logged-out LOGIN keeps the account-panel gold pill */
html body .header .nav .nav-panel-btn.nav-auth-login,
html body .header.inner .nav .nav-panel-btn.nav-auth-login,
html body .header.header-main .nav .nav-panel-btn.nav-auth-login{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:124px!important;
  min-width:124px!important;
  max-width:124px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  border-radius:22px!important;
  padding:0 14px!important;
  overflow:hidden!important;
  flex:0 0 124px!important;
}

html body .header .nav .nav-panel-btn.nav-auth-login span,
html body .header.inner .nav .nav-panel-btn.nav-auth-login span,
html body .header.header-main .nav .nav-panel-btn.nav-auth-login span{
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

html body .header .nav__open-links,
html body .header.inner .nav__open-links,
html body .header.header-main .nav__open-links{
  display:none!important;
}

@media(max-width:1240px){
  html body .header .nav .content-area,
  html body .header.inner .nav .content-area,
  html body .header.header-main .nav .content-area{padding:0 12px!important;}
  html body .header .nav__logo,
  html body .header.inner .nav__logo,
  html body .header.header-main .nav__logo{width:60px!important;min-width:60px!important;flex-basis:60px!important;margin-right:14px!important;}
  html body .header .nav__logo img,
  html body .header.inner .nav__logo img,
  html body .header.header-main .nav__logo img{max-width:46px!important;}
  html body .header .nav__links,
  html body .header.inner .nav__links,
  html body .header.header-main .nav__links{gap:14px!important;}
  html body .header .nav__links-item a,
  html body .header.inner .nav__links-item a,
  html body .header.header-main .nav__links-item a{font-size:13px!important;letter-spacing:.12em!important;}
  html body .header .nav__langs,
  html body .header.inner .nav__langs,
  html body .header.header-main .nav__langs{width:104px!important;min-width:104px!important;flex-basis:104px!important;margin-right:10px!important;}
}

@media(max-width:1050px){
  html body .header .nav__links,
  html body .header.inner .nav__links,
  html body .header.header-main .nav__links{display:none!important;}
  html body .header .nav__open-links,
  html body .header.inner .nav__open-links,
  html body .header.header-main .nav__open-links{display:block!important;margin-left:10px!important;}
}