/* SHEFRONT V24 — CLEAN PUBLIC HEADER */
.top-date-only{display:flex;align-items:center;min-width:0}

.site-header .brand-row{
  min-height:90px!important;
  display:grid!important;
  grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
.site-header .brand-note{
  display:block!important;justify-self:start!important;
  font-size:10px!important;letter-spacing:.12em!important;
}
.site-header .brand-center{
  justify-self:center!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:0!important;min-width:0!important;
}
.site-header .brand-center .brand{
  display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;
}
.site-header .brand-center .brand img{
  width:58px!important;height:58px!important;flex:0 0 58px!important;
  border-radius:13px!important;object-fit:cover!important;
}
.site-header .brand-center .wordmark{
  font-size:43px!important;line-height:.92!important;white-space:nowrap!important;
}
.site-header .header-right{display:block!important;justify-self:end!important}
.site-header .edition{display:block!important;color:#d8ccd9!important;font-size:10px!important}
.brand-menu-toggle{display:none!important}

/* Explicitly keep all official social links out of header/top strip. */
.site-header .header-socials,.top-strip .top-socials{display:none!important}

@media(max-width:900px){
  .top-strip .inner{
    min-height:31px!important;
    justify-content:center!important;
  }
  .top-strip .top-right{display:none!important}
  .top-date-only{width:100%!important;justify-content:center!important}
  .top-date{font-size:8px!important;letter-spacing:.075em!important}

  .site-header .brand-row{
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:0!important;
  }
  .site-header .brand-note,.site-header .header-right{display:none!important}
  .site-header .brand-center{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
  }
  .site-header .brand-center .brand{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:10px!important;
  }
  .site-header .brand-center .brand img{
    width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:11px!important;
  }
  .site-header .brand-center .wordmark{
    font-size:35px!important;line-height:.92!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }

  .brand-menu-toggle{
    all:unset!important;
    box-sizing:border-box!important;
    width:42px!important;height:42px!important;flex:0 0 42px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex-direction:column!important;gap:4px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.08)!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .brand-menu-toggle span{
    display:block!important;width:18px!important;height:2px!important;flex:0 0 2px!important;
    border-radius:99px!important;background:#fff!important;
  }
  .brand-menu-toggle:hover,.brand-menu-toggle:focus-visible{
    background:#e95064!important;border-color:#e95064!important;outline:none!important;
  }
  .brand-menu-toggle:focus-visible{box-shadow:0 0 0 2px #fff!important}

  /* No duplicate menu row on tablet/mobile. */
  .nav{display:none!important}
}

@media(max-width:620px){
  .site-header .brand-row{min-height:66px!important}
  .site-header .brand-center .brand img{
    width:43px!important;height:43px!important;flex-basis:43px!important;border-radius:10px!important;
  }
  .site-header .brand-center .wordmark{font-size:31px!important}
  .brand-menu-toggle{width:39px!important;height:39px!important;flex-basis:39px!important}
  .brand-menu-toggle span{width:16px!important}
}