/* Public site: the top-right header cluster (theme, Team login, Request Quote).
   Linked last in <head> on every public page so it wins over each page's inline
   nav rules. Solaris blue #1a6db5 / navy #0D1824. 2026-10-04. */
.nav-right{gap:8px}
.nav-right .theme-toggle,
.nav-right .nav-login-btn,
.nav-right .nav-auth-btn{height:40px;min-height:40px;box-sizing:border-box;border-radius:8px;font-size:.875rem;line-height:1}
.nav-right .theme-toggle{width:40px;min-width:40px;padding:0;border:1px solid rgba(13,24,36,.14);background:transparent;color:#3B4A5C;display:inline-flex;align-items:center;justify-content:center}
.nav-right .theme-toggle:hover{border-color:#1a6db5;color:#1a6db5;background:rgba(26,109,181,.06)}
.nav-right .theme-toggle svg{display:block;width:18px;height:18px}
.nav-right .nav-login-btn{display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid transparent;background:transparent;color:#3B4A5C;font-weight:600;white-space:nowrap;box-shadow:none}
.nav-right .nav-login-btn svg{width:16px;height:16px;flex:0 0 16px}
.nav-right .nav-login-btn:hover{color:#1a6db5;background:rgba(26,109,181,.06);border-color:transparent;transform:none}
.nav-right .nav-auth-btn{display:inline-flex;align-items:center;padding:0 18px;white-space:nowrap}
/* a hairline between the utilities and the call to action */
.nav-right .nav-login-btn{margin-right:4px;position:relative}
.nav-right .nav-login-btn::after{content:'';position:absolute;right:-7px;top:10px;bottom:10px;width:1px;background:rgba(13,24,36,.14)}
[data-theme="dark"] .nav-right .theme-toggle{border-color:rgba(255,255,255,.16);color:#C9D3DF}
[data-theme="dark"] .nav-right .theme-toggle:hover,[data-theme="dark"] .nav-right .nav-login-btn:hover{color:#8CC0EE;border-color:#8CC0EE;background:rgba(140,192,238,.08)}
[data-theme="dark"] .nav-right .nav-login-btn{color:#C9D3DF}
[data-theme="dark"] .nav-right .nav-login-btn:hover{border-color:transparent}
[data-theme="dark"] .nav-right .nav-login-btn::after{background:rgba(255,255,255,.16)}
.nav-right .theme-toggle:focus-visible,.nav-right .nav-login-btn:focus-visible,.nav-right .nav-auth-btn:focus-visible{outline:2px solid #1a6db5;outline-offset:2px}
/* Phone: icon-only Team login, compact quote button, everything 40 px tall */
@media(max-width:600px){
  .nav-right{gap:6px}
  .nav-right .nav-login-btn{width:40px;min-width:40px;padding:0;justify-content:center;margin-right:0}
  .nav-right .nav-login-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .nav-right .nav-login-btn::after{display:none}
  .nav-right .nav-auth-btn{padding:0 12px;font-size:.8125rem}
}

/* Shared legal line (company number, registered office, Privacy / Terms) on every public page.
   Own colour tokens so contrast holds on each page's palette: light #4d5d72 is 5.8:1 or better on
   #fff / #F5F7FA / #EEF1F5 / #EBEEF3; dark #a3b3c7 is 7.4:1 or better on #0A1628 / #111D32 / #1A2332. */
.site-legal{--legal-fg:#4d5d72;--legal-link:#1a6db5;--legal-rule:rgba(13,24,36,.12);
  max-width:1200px;margin:0 auto;padding:18px 40px 76px;font-size:.75rem;line-height:1.65;font-weight:400;
  color:var(--legal-fg);position:relative;z-index:1}
[data-theme="dark"] .site-legal{--legal-fg:#a3b3c7;--legal-link:#6aaee8;--legal-rule:rgba(255,255,255,.14)}
.site-legal span{display:inline}
.site-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.site-legal a:hover,.site-legal a:focus-visible{color:var(--legal-link)}
.site-legal--inline{max-width:none;margin:0;padding:0}
.site-legal-row.container{margin-top:30px}
.site-legal-row .site-legal{flex:1 1 100%;max-width:none;margin:0;padding:18px 0 56px;border-top:1px solid var(--legal-rule);font-size:.75rem;color:var(--legal-fg)}
.p-foot:has(.site-legal-row),.eng-foot:has(.site-legal-row){padding-bottom:0}
@media (max-width:760px){
  .site-legal{padding-left:22px;padding-right:22px}
  .site-legal--inline{padding:0}
  .site-legal-row .site-legal{padding-left:0;padding-right:0}
  .site-legal span:not(.sl-addr){white-space:nowrap}
  .footer-bottom{padding-bottom:64px}
}
@media print{.site-legal{display:none}}

/* Invictus CAD tab (Alan 25 Oct): the tab list now holds one more tab, so on desktop the gaps between the tabs close up
   a little (30px -> at most 20px) to keep the header on one line at 1240px and wider. Only the gap changes; the tabs
   keep every other rule. Hamburger menu (.open, a column) and narrower widths are untouched. */
@media (min-width:1240px){ul.nav-links:not(.open){gap:clamp(14px,calc((100vw - 1142px)/7),20px)}}