/* WTWR_HEADER_NAV_UNIFIED_V1
   Register/Login header is the visual reference.
   Member header only; public index.html is untouched.
*/

header.wtwr-unified-member-header{
  position:sticky!important;
  top:0!important;
  z-index:700!important;
  height:92px!important;
  padding:0 34px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:24px!important;
  border-bottom:1px solid #172b3b!important;
  background:#020406!important;
  backdrop-filter:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

header.wtwr-unified-member-header .brand.wtwr-member-brand{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:410px!important;
  flex:0 0 410px!important;
  color:inherit!important;
  text-decoration:none!important;
}

header.wtwr-unified-member-header .brand.wtwr-member-brand img{
  width:86px!important;
  height:86px!important;
  border-radius:0!important;
  object-fit:contain!important;
}

/* Layout only -- the gradient colour itself is owned solely by
   wtwr-temperature-wordmark-v1.css (loaded after this file everywhere),
   so it isn't redefined here too. */
header.wtwr-unified-member-header .brand.wtwr-member-brand strong{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:23px!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}

header.wtwr-unified-member-header nav{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  color:#e4e8ee!important;
  white-space:nowrap!important;
}

header.wtwr-unified-member-header nav>a{
  flex:0 0 auto!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1!important;
  color:#e4e8ee!important;
  text-decoration:none!important;
}

header.wtwr-unified-member-header nav>a:hover{
  color:#fff!important;
}

header.wtwr-unified-member-header #wtwrAuthNav{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-left:8px!important;
  padding-left:20px!important;
  border-left:1px solid #28313a!important;
  flex:0 0 auto!important;
}

header.wtwr-unified-member-header #wtwrAuthNav button{
  min-width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#e4e8ee!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}

header.wtwr-unified-member-header #wtwrNavAccount{
  color:#f1f4f8!important;
}

header.wtwr-unified-member-header #wtwrNavLogout{
  color:#9ba6b5!important;
}

header.wtwr-unified-member-header #wtwrNavRegister,
header.wtwr-unified-member-header #wtwrNavLogin{
  font-family:Arial,Helvetica,sans-serif!important;
}

@media(max-width:1500px){
  header.wtwr-unified-member-header{
    gap:18px!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  header.wtwr-unified-member-header .brand.wtwr-member-brand{
    min-width:360px!important;
    flex-basis:360px!important;
  }
  header.wtwr-unified-member-header nav{
    gap:14px!important;
  }
  header.wtwr-unified-member-header #wtwrAuthNav{
    gap:11px!important;
    margin-left:4px!important;
    padding-left:14px!important;
  }
}

@media(max-width:1280px){
  header.wtwr-unified-member-header{
    height:auto!important;
    min-height:92px!important;
    flex-wrap:wrap!important;
    padding:8px 18px!important;
    row-gap:4px!important;
  }
  header.wtwr-unified-member-header .brand.wtwr-member-brand{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  header.wtwr-unified-member-header nav{
    order:3!important;
    width:100%!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    padding:8px 0 5px!important;
    gap:20px!important;
  }
}

@media(max-width:760px){
  header.wtwr-unified-member-header{
    padding:8px 12px!important;
  }
  header.wtwr-unified-member-header .brand.wtwr-member-brand img{
    width:64px!important;
    height:64px!important;
  }
  header.wtwr-unified-member-header .brand.wtwr-member-brand strong{
    font-size:18px!important;
  }
  header.wtwr-unified-member-header nav{
    font-size:13px!important;
  }
  header.wtwr-unified-member-header nav>a,
  header.wtwr-unified-member-header #wtwrAuthNav button{
    font-size:13px!important;
  }
}