/* One navigation design for every Callforsoft page. Loaded after page styles. */
html{scrollbar-gutter:stable}
.site-header{
  --header-gutter:clamp(24px,4.6vw,76px);
  position:fixed;inset:0 0 auto;z-index:40;
  display:flex;align-items:center;gap:24px;
  height:80px;padding:0 var(--header-gutter);
  border:0;border-bottom:1px solid #e5e5e5;background:#fff;color:#161616;
  font:15px/1.7 'Manrope',Arial,sans-serif;letter-spacing:normal;
}
.site-header .brand{display:block;width:169px;flex:0 0 169px;margin:0}
.site-header .logo-dark{display:block;width:100%;height:auto}
.site-header .logo-light{display:none}
.site-header .desktop-nav{
  display:flex;align-items:center;gap:22px;margin-left:auto;
  font:600 13px/1.7 'Manrope',Arial,sans-serif;letter-spacing:-0.3px;white-space:nowrap;
}
.site-header .desktop-nav>a,.site-header .desktop-nav summary{min-height:44px;color:#161616}
.site-header .desktop-nav>a:hover,.site-header .desktop-nav>a:focus-visible,
.site-header .desktop-nav summary:hover,.site-header .desktop-nav summary:focus-visible,
.site-header .desktop-nav [aria-current],.site-header .desktop-nav [data-section-active]{color:#b43b10}
.site-header .desktop-nav>a[aria-current]::after,
.site-header .desktop-nav summary[data-section-active]::after{transform:scaleX(1)}
.site-header .dropdown-panel a[aria-current]{color:#b43b10;background:#fff2e9}
.site-header>.language-switcher{flex-shrink:0;margin:0}
.site-header>.language-switcher>summary{height:44px;font-size:13px;letter-spacing:normal}
.site-header>.header-cta{
  display:inline-flex;flex-shrink:0;margin:0;min-height:44px;
  padding:7px 10px 7px 15px;gap:10px;border-radius:12px;
  font:650 12px/1.35 'Manrope',Arial,sans-serif;letter-spacing:normal;color:#fff;
}
.site-header>.menu-toggle{display:none;margin:0;width:38px;height:42px}
.mobile-nav{z-index:39;inset:80px 0 0;background:#fff;color:#161616;font:15px/1.7 'Manrope',Arial,sans-serif}
.mobile-nav>a[aria-current],.mobile-nav details>a[aria-current],
.mobile-nav details>div>a[aria-current],.mobile-nav summary[data-section-active]{color:#b43b10}
.mobile-nav>.button-brand{
  display:inline-flex;margin-top:24px;min-height:44px;padding:7px 10px 7px 15px;
  gap:10px;font:650 12px/1.35 'Manrope',Arial,sans-serif;letter-spacing:normal;color:#fff;
}
@media(min-width:1600px){.site-header{padding-inline:max(var(--header-gutter),calc((100vw - 1300px)/2))}}
@media(max-width:1199px){
  .site-header{gap:12px}
  .site-header .desktop-nav{display:none}
  .site-header>.language-switcher{margin-left:auto}
  .site-header>.menu-toggle{display:grid}
}
@media(max-width:900px){.site-header>.header-cta{font-size:11px}}
@media(max-width:600px){
  .site-header{height:72px;padding-inline:20px;gap:10px}
  .site-header .brand{width:154px;flex-basis:154px}
  .site-header>.header-cta{display:none}
  .mobile-nav{inset-block-start:72px}
}
@media(max-width:359px){
  .site-header{padding-inline:16px;gap:5px}
  .site-header .brand{width:140px;flex-basis:140px}
}
