/* FADI TEC — compact and responsive site header. Kept separate for safe upgrades. */
.site-header{height:78px;box-shadow:0 3px 18px rgba(18,30,47,.035);isolation:isolate}
.site-header .header-content{width:min(1510px,calc(100% - 64px));height:100%;display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(15px,1.3vw,28px);justify-content:space-between}
.site-header .header-brand{display:inline-flex;align-items:center;flex:0 0 167px;min-width:0;max-width:167px;margin:0;padding:0;line-height:1}
.site-header .header-brand .brand-logo-switch{width:167px;min-width:167px;height:65px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:0;box-shadow:none}
.site-header .header-brand .brand-logo-switch img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}
.site-header .site-nav{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;gap:clamp(12px,1.2vw,24px);margin:0;padding:0;position:static;box-shadow:none;background:transparent}
.site-header .site-nav a{display:inline-flex;align-items:center;min-height:78px;padding:0 0 1px;flex:0 0 auto;white-space:nowrap;word-break:keep-all;line-height:1.3;border:0;position:relative;font-size:clamp(11px,.74vw,13px);font-weight:750;color:#3f4d61;transition:color .18s ease}
.site-header .site-nav a::after{content:"";position:absolute;right:0;left:0;bottom:19px;height:2px;border-radius:3px;background:#d71d2b;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.site-header .site-nav a:hover,.site-header .site-nav a:focus-visible{color:#c71b2a}
.site-header .site-nav a:hover::after,.site-header .site-nav a:focus-visible::after{transform:scaleX(1)}
.site-header .site-nav .mobile-portal-link{display:none}
.site-header .header-controls{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:10px}
.site-header .theme-switch-site{width:43px;height:43px;flex:none;border-radius:12px;display:inline-grid;place-items:center}
.site-header .header-action{min-width:139px;min-height:43px;height:43px;flex:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:9px 14px;gap:8px;font-size:12px;font-weight:800;border-radius:12px;background:#172232;color:white;box-shadow:none}
.site-header .header-action:hover{background:#d71d2b;color:white}
.site-header .header-action-label{display:inline}
.site-header .mobile-toggle{display:none;align-items:center;justify-content:center;flex:none;border:1px solid #e1e7ef;color:#334258;background:#f5f7fa;border-radius:12px;width:43px;height:43px;font-size:19px;padding:0}
.site-header .mobile-toggle:hover,.site-header .mobile-toggle[aria-expanded="true"]{background:#fff1f3;color:#be1f2f;border-color:#f2cdd3}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #db5965;outline-offset:3px}
html[data-theme="dark"] .site-header .site-nav a{color:#d1dbe8}
html[data-theme="dark"] .site-header .site-nav a:hover{color:#ff858e}
html[data-theme="dark"] .site-header .header-action{background:#d71d2b;color:#fff}
html[data-theme="dark"] .site-header .header-action:hover{background:#ee4050}
html[data-theme="dark"] .site-header .mobile-toggle{background:#253144;border-color:#39475a;color:#e8edf5}
@media(max-width:1200px){
 .site-header .header-content{width:calc(100% - 48px);gap:12px}
 .site-header .site-nav{display:none;position:absolute;top:100%;right:24px;left:24px;width:auto;z-index:50;background:#fff;border:1px solid #e7ebf1;box-shadow:0 18px 42px rgba(18,30,47,.14);border-radius:0 0 18px 18px;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:3px}
 .site-header .site-nav.open{display:grid}
 .site-header .site-nav a{min-height:44px;height:auto;display:flex;align-items:center;padding:10px 14px;white-space:normal;border-radius:8px;font-size:13px;line-height:1.6}
 .site-header .site-nav a:hover{background:#fff0f2}
 .site-header .site-nav a::after{display:none}
 .site-header .header-controls{margin-inline-start:auto}
 .site-header .mobile-toggle{display:inline-flex}
 .site-header .site-nav .mobile-portal-link{display:none}
 html[data-theme="dark"] .site-header .site-nav{background:#1b2533;border-color:#344255;box-shadow:0 18px 42px #050a1280}
 html[data-theme="dark"] .site-header .site-nav a:hover{background:#2d3645}
}
@media(max-width:650px){
 .top-strip{display:none}
 .site-header{height:70px}
 .site-header .header-content{width:calc(100% - 28px);gap:8px}
 .site-header .header-brand{flex-basis:118px;max-width:118px}
 .site-header .header-brand .brand-logo-switch{width:118px;min-width:118px;height:53px}
 .site-header .header-controls{gap:6px}
 .site-header .mobile-toggle,.site-header .theme-switch-site,.site-header .header-action{min-width:37px;width:37px;height:38px;min-height:38px;padding:0;border-radius:10px}
 .site-header .header-action-label{display:none}
 .site-header .site-nav{right:10px;left:10px;grid-template-columns:1fr;max-height:calc(100vh - 80px);overflow-y:auto}
 .site-header .site-nav a{min-height:41px;font-size:13px}
 .site-header .site-nav.open .mobile-portal-link{display:flex;color:#c82030;font-weight:800;background:#fff3f4}
}
@media(max-width:370px){
 .site-header .header-content{width:calc(100% - 18px)}
 .site-header .header-brand{flex-basis:94px;max-width:94px}
 .site-header .header-brand .brand-logo-switch{width:94px;min-width:94px;height:47px}
 .site-header .header-controls{gap:4px}
 .site-header .mobile-toggle,.site-header .theme-switch-site,.site-header .header-action{min-width:34px;width:34px;height:35px;min-height:35px}
}

/* Social links in main header */
.site-header .header-social{display:flex;align-items:center;gap:8px;margin-inline-end:2px}
.site-header .header-social a{width:35px;height:35px;border-radius:10px;background:#f5f7fb;border:1px solid #e2e8f1;color:#55657d;display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease}
.site-header .header-social a:hover,.site-header .header-social a:focus-visible{background:#fff0f2;border-color:#f0ccd3;color:#cf2031}
html[data-theme="dark"] .site-header .header-social a{background:#243043;border-color:#33445a;color:#dbe4ef}
html[data-theme="dark"] .site-header .header-social a:hover{background:#332734;color:#ff8e98;border-color:#5a4450}
@media(max-width:1200px){.site-header .header-social{display:none}}