/* SCC Nexus header logo restore v1
   Purpose: restore a visible SCC Nexus brand/logo in the sticky header on mobile and desktop.
   Safe: only targets the existing header brand anchor/logo and menu button. */
:root{--scc-logo-navy:#06172e;--scc-logo-line:#d8e4ee}
.header,.site-header{
  overflow:visible!important;
  background:rgba(255,255,255,.98)!important;
  z-index:1000!important;
}
.header-inner,.header-shell{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.header .header-inner>a:first-child,
.site-header .header-shell>a:first-child,
.site-header .brand,
.header-shell .brand{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:160px!important;
  max-width:min(330px,64vw)!important;
  min-height:48px!important;
  text-decoration:none!important;
  color:var(--scc-logo-navy)!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:5!important;
}
.header img.logo,.site-header img.logo,
.header img.brand-logo,.site-header img.brand-logo,
.header .header-inner>a:first-child img,
.site-header .header-shell>a:first-child img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:46px!important;
  max-width:min(300px,58vw)!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.header .header-inner>a:first-child::before,
.site-header .header-shell>a:first-child::before,
.site-header .brand::before,
.header-shell .brand::before{
  content:""!important;
  display:none!important;
}
.header .header-inner>a:first-child::after,
.site-header .header-shell>a:first-child::after,
.site-header .brand::after,
.header-shell .brand::after{
  content:""!important;
  display:none!important;
}
.menu-toggle,.scc-menu-toggle{
  flex:0 0 auto!important;
  margin-left:auto!important;
  z-index:6!important;
}
@media(max-width:820px){
  .header-inner,.header-shell{padding-left:14px!important;padding-right:14px!important}
  .header img.logo,.site-header img.logo,
  .header img.brand-logo,.site-header img.brand-logo,
  .header .header-inner>a:first-child img,
  .site-header .header-shell>a:first-child img{
    height:38px!important;
    max-width:calc(100vw - 110px)!important;
  }
  .header .header-inner>a:first-child,
  .site-header .header-shell>a:first-child,
  .site-header .brand,
  .header-shell .brand{
    min-width:0!important;
    max-width:calc(100vw - 100px)!important;
  }
}