/* SWUAK v59 — old header structure, tightened rather than replaced */
.site-header{
  border-bottom:1px solid #d3cec2!important;
  background:rgba(244,241,234,.97)!important;
  box-shadow:0 1px 0 rgba(45,38,27,.035)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.header-row{
  min-height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  padding-top:0!important;
}
.swuak{
  flex:0 0 auto!important;
  font-size:24px!important;
  line-height:1!important;
}
.header-right{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:22px!important;
  min-width:0!important;
}
.main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  width:auto!important;
  order:initial!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.main-nav a{
  position:relative!important;
  padding:22px 0 21px!important;
  color:#565650!important;
  font-size:11px!important;
  font-weight:720!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.main-nav a:hover,.main-nav a.active{color:#111214!important}
.main-nav a.active:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  display:block!important;
  height:2px!important;
  background:#111214!important;
}
.main-nav .header-weather-widget{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 5px 0 0!important;
  color:#111214!important;
}
.main-nav .header-weather-widget:after{display:none!important}
.header-weather-widget.is-loading{visibility:hidden!important}
.header-weather-widget>span{display:grid!important;place-items:center!important;width:23px!important;height:23px!important}
.header-weather-widget img.header-weather-art{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important}
.header-weather-widget>b{display:flex!important;align-items:baseline!important;gap:5px!important;font-family:var(--site-font)!important;line-height:1!important}
.header-weather-widget>b strong{color:#111214!important;font-size:13px!important;font-weight:800!important}
.header-weather-widget>b i{color:#8a8780!important;font:400 10px/1 Arial,sans-serif!important}
.header-weather-widget>b small{color:#66635d!important;font:750 10px/1 var(--site-font)!important;white-space:nowrap!important}
.search-line{
  min-width:200px!important;
  width:228px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:7px 0 6px!important;
  border:0!important;
  border-bottom:1px solid #8d8981!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:border-color .16s ease,width .18s ease!important;
}
.search-line:hover{border-bottom-color:#55524d!important}
.search-line:focus-within{width:248px!important;border-bottom-color:#111214!important;background:transparent!important;box-shadow:none!important}
.search-line>span{flex:0 0 auto;color:#4f4d48!important;font-size:15px!important;line-height:1!important}
.search-line input{
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#111214!important;
  font:500 11px/1.2 var(--site-font)!important;
  box-shadow:none!important;
}
.search-line input::placeholder{color:#7f7b74!important}
.header-search-submit{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.menu-btn{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#171717!important;
  font-size:17px!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:background .16s ease,opacity .16s ease!important;
}
.menu-btn:hover{background:rgba(17,18,20,.045)!important}
/* Keep the newer grouped side menu; only the top bar is being pulled back. */
.site-menu{padding:0 24px!important;border-left:1px solid #d0c9bd!important;background:#f4f1ea!important}
.site-menu header{min-height:62px!important;border-bottom:1px solid #c9c2b6!important}
.site-menu header>span{font-size:9px!important;letter-spacing:.18em!important}
.site-menu-groups{display:grid;flex:1;min-height:0;align-content:start;overflow:auto;padding:13px 0 28px}
.site-menu-group{padding:9px 0 15px;border-bottom:1px solid #d8d2c7}
.site-menu-group:last-child{border-bottom:0}
.site-menu-label{margin:0;padding:8px 0 4px;color:#817d75;font:850 8px/1 var(--site-font);letter-spacing:.16em;text-transform:uppercase}
.site-menu .site-menu-group nav{display:grid!important}
.site-menu .site-menu-group nav a{display:grid!important;gap:4px!important;padding:14px 0!important;border-bottom:0!important}
.site-menu .site-menu-group nav a span{font:720 19px/1.1 var(--site-font)!important;letter-spacing:-.02em}
.site-menu .site-menu-group nav a small{color:#77736c!important;font-size:9px!important;line-height:1.25!important}
.site-menu .site-menu-group nav a:hover span{text-decoration:none!important;opacity:.62}
.site-menu-app span:after{content:" ↗";font-size:.7em;vertical-align:.12em}
.search-site-header .search-controls{border-top:1px solid #ddd7cc!important}
.site-header .live-line{border-top:1px solid #d8d2c7!important}
html[data-theme="dark"] .site-header{background:rgba(30,31,34,.97)!important;border-bottom-color:#3c3e44!important;box-shadow:0 1px 0 rgba(255,255,255,.025)!important}
html[data-theme="dark"] .main-nav a{color:#b8bac0!important}
html[data-theme="dark"] .main-nav a:hover,html[data-theme="dark"] .main-nav a.active{color:#f4f5f7!important}
html[data-theme="dark"] .main-nav a.active:after{background:#f4f5f7!important}
html[data-theme="dark"] .search-line{border-bottom-color:#62646b!important}
html[data-theme="dark"] .search-line:hover,html[data-theme="dark"] .search-line:focus-within{border-bottom-color:#d8d9dd!important}
html[data-theme="dark"] .search-line>span,html[data-theme="dark"] .search-line input,html[data-theme="dark"] .header-weather-widget>b strong,html[data-theme="dark"] .menu-btn{color:#f4f5f7!important}
html[data-theme="dark"] .search-line input::placeholder{color:#94979e!important}
html[data-theme="dark"] .header-weather-widget>b i,html[data-theme="dark"] .header-weather-widget>b small{color:#aeb1b7!important}
html[data-theme="dark"] .menu-btn:hover{background:rgba(255,255,255,.07)!important}
html[data-theme="dark"] .site-menu{background:#232428!important;border-color:#44464c!important}
html[data-theme="dark"] .site-menu header,html[data-theme="dark"] .site-menu-group{border-color:#3c3e44!important}
html[data-theme="dark"] .site-menu-label,html[data-theme="dark"] .site-menu .site-menu-group nav a small{color:#a6a8af!important}
@media(max-width:1180px){
  .header-row{min-height:62px!important;align-items:center!important;padding-top:0!important}
  .header-right{flex-wrap:nowrap!important;gap:16px!important}
  .main-nav{order:initial!important;width:auto!important;justify-content:flex-end!important;gap:14px!important}
  .search-line{order:initial!important;width:190px!important;min-width:170px!important}
  .search-line:focus-within{width:210px!important}
  .menu-btn{order:initial!important}
  .header-weather-widget>b small,.header-weather-widget>b i{display:none!important}
}
@media(max-width:850px){
  .header-row{min-height:104px!important;display:grid!important;grid-template-columns:auto 1fr!important;align-content:center!important;gap:8px 16px!important;padding:10px 0!important}
  .swuak{grid-column:1!important;grid-row:1!important}
  .header-right{grid-column:1/-1!important;grid-row:2!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,205px) auto!important;gap:14px!important}
  .main-nav{grid-column:1!important;justify-content:flex-start!important;overflow:auto!important;scrollbar-width:none!important}
  .main-nav::-webkit-scrollbar{display:none!important}
  .main-nav a{padding:8px 0!important}
  .main-nav a.active:after{bottom:-2px!important}
  .search-line{grid-column:2!important;width:100%!important;min-width:0!important}
  .search-line:focus-within{width:100%!important}
  .menu-btn{grid-column:3!important}
}
@media(max-width:560px){
  .header-row{min-height:98px!important}
  .header-right{grid-template-columns:minmax(0,1fr) auto!important}
  .main-nav{grid-column:1!important}
  .search-line{display:none!important}
  .menu-btn{grid-column:2!important}
  .header-weather-widget>span{width:20px!important;height:20px!important}
  .header-weather-widget img.header-weather-art{width:19px!important;height:19px!important}
  .header-weather-widget>b strong{font-size:12px!important}
}

/* v101 — replace the old SWUAK wordmark + artwork with the new combined logo.
   Cream/light uses the black-text version. Seasonal uses the white-text version. */
.swuak{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
  display:block!important;
  width:173px!important;
  height:58px!important;
  min-width:173px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-indent:-9999px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:url("/assets/ui/swuak-fall-logo-full-cream.png?v=20260920-v101") center/contain no-repeat!important;
}
html[data-appearance="seasonal"] .swuak{
  background-image:url("/assets/ui/swuak-fall-logo-full-seasonal.png?v=20260920-v101")!important;
}
@media(max-width:850px){
  .swuak{
    width:162px!important;
    height:54px!important;
    min-width:162px!important;
  }
}
@media(max-width:560px){
  .swuak{
    width:148px!important;
    height:49px!important;
    min-width:148px!important;
  }
}