/*
  Safety On sitewide finishing patch — 30 Sep 2026
  Purpose:
  1. Use the official Safety On logo beside the Safety On wordmark.
  2. Remove the lower/dark footer while leaving the CTA section above it intact.
  3. Make the final CTA heading ("Make your world a safer place") modern sans-serif.
*/

/* Official logo + wordmark in the main header. */
.so-header .so-brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}
.so-header .so-brand .so-mark{
  display:none !important;
}
.so-header .so-brand-logo{
  display:block !important;
  width:46px !important;
  height:46px !important;
  object-fit:contain !important;
  flex:0 0 46px !important;
}

/*
  Legacy/static pages: present the first Home link in the header as the same
  official logo + "Safety On" wordmark without changing page copy.
*/
header nav > a[href="/"]:first-child,
header nav > a[href="https://www.mysafetyon.com/"]:first-child{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  text-decoration:none !important;
  color:#061b33 !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-weight:850 !important;
  line-height:1 !important;
}

/* Only legacy brand links without the new explicit .so-brand-logo receive the pseudo logo. */
header nav > a[href="/"]:first-child:not(.so-brand)::before,
header nav > a[href="https://www.mysafetyon.com/"]:first-child:not(.so-brand)::before{
  content:"" !important;
  display:block !important;
  width:46px !important;
  height:46px !important;
  flex:0 0 46px !important;
  background:url("/images/safety-on-official-logo.png") center/contain no-repeat !important;
}

/* Hide legacy graphic/icon children in the brand home link, while retaining textual brand content. */
header nav > a[href="/"]:first-child:not(.so-brand) > svg,
header nav > a[href="/"]:first-child:not(.so-brand) > img,
header nav > a[href="https://www.mysafetyon.com/"]:first-child:not(.so-brand) > svg,
header nav > a[href="https://www.mysafetyon.com/"]:first-child:not(.so-brand) > img{
  display:none !important;
}

/* Remove only the semantic bottom footer. CTA sections above it remain. */
footer{
  display:none !important;
}

/* Modern sans-serif treatment for bottom-of-page CTA headings. */
main > section:last-of-type h1,
main > section:last-of-type h2,
main > section:last-of-type h3,
[class*="cta"] h1,
[class*="cta"] h2,
[class*="cta"] h3,
[class*="final"] h1,
[class*="final"] h2,
[class*="final"] h3{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-style:normal !important;
  letter-spacing:-0.035em;
}

/* Keep the new wordmark text modern and readable. */
.so-brand span{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
}