/* SCC Companies House header/logo restore layer.
   Conservative: only protects the brand area and mobile menu spacing. */
:root{
  --scc-brand-logo-full: url('/assets/brand/companies_house_web.svg');
  --scc-brand-logo-mark: url('/assets/brand/scc_logo_mark_20260510.png');
}
.header,
.site-header{
  position: sticky;
  top: 0;
  z-index: 1000;
}
.header .header-inner,
.site-header .header-shell,
.header-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:64px !important;
}
.header .header-inner > a:first-child,
.site-header .header-shell > a:first-child,
.header-shell .brand,
.brand-link,
a.brand-link{
  display:flex !important;
  align-items:center !important;
  flex:0 1 auto !important;
  min-width:190px !important;
  max-width:320px !important;
  min-height:50px !important;
  overflow:visible !important;
  text-decoration:none !important;
}
.header img.logo,
.header img.brand-logo,
.site-header img.logo,
.site-header img.brand-logo,
.brand-link img,
.header-shell .brand img{
  display:block !important;
  width:auto !important;
  max-width:300px !important;
  height:48px !important;
  max-height:54px !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
}
.menu-toggle,
.nav-toggle,
button[aria-controls="primary-nav"]{
  flex:0 0 auto !important;
  margin-left:auto !important;
  z-index:1002 !important;
}
@media (max-width: 720px){
  .header .header-inner,
  .site-header .header-shell,
  .header-inner{
    min-height:60px !important;
    gap:10px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .header .header-inner > a:first-child,
  .site-header .header-shell > a:first-child,
  .header-shell .brand,
  .brand-link,
  a.brand-link{
    min-width:150px !important;
    max-width:calc(100vw - 120px) !important;
    min-height:44px !important;
  }
  .header img.logo,
  .header img.brand-logo,
  .site-header img.logo,
  .site-header img.brand-logo,
  .brand-link img,
  .header-shell .brand img{
    height:42px !important;
    max-width:calc(100vw - 130px) !important;
  }
}
@media (max-width: 390px){
  .header .header-inner > a:first-child,
  .site-header .header-shell > a:first-child,
  .header-shell .brand,
  .brand-link,
  a.brand-link{
    min-width:128px !important;
    max-width:calc(100vw - 112px) !important;
  }
  .header img.logo,
  .header img.brand-logo,
  .site-header img.logo,
  .site-header img.brand-logo,
  .brand-link img,
  .header-shell .brand img{
    height:38px !important;
    max-width:calc(100vw - 120px) !important;
  }
}

/* v3 supplied logo-header.svg support */
.header .logo, header img.logo, .site-header img.logo{display:block!important;max-height:72px!important;width:auto!important;max-width:min(320px,62vw)!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;}
.header a:has(img.logo), header a:has(img.logo){display:flex!important;align-items:center!important;min-width:0!important;flex:0 1 auto!important;}
@media(max-width:720px){.header .logo, header img.logo, .site-header img.logo{max-height:56px!important;max-width:58vw!important}.header-inner{gap:10px!important}}
