/* Signs Fontana — header v2 (Sep 2026): contact bar + 5 categories + mega menu */
:root{--sfn-blue:#0078B4;--sfn-navy:#0F4B87;--sfn-sky:#3FB6F0;--sfn-bg:#0B1118;--sfn-panel:#101923;--sfn-card:#16222F;--sfn-line:#1F2C3A;--sfn-text:#E8EEF4;--sfn-muted:#A9B8C7}
body.sfn-on{padding-top:40px}
#sfn-top{position:fixed;top:0;left:0;right:0;height:40px;z-index:1001;background:var(--sfn-navy);color:#EAF4FB;font:500 14px/1 'Barlow',sans-serif;display:flex;align-items:center;justify-content:space-between;padding:0 40px;box-sizing:border-box}
#sfn-top a{color:#EAF4FB;text-decoration:none}
#sfn-top a:hover{color:#fff;text-decoration:underline}
#sfn-top .sfn-info{display:flex;gap:26px;align-items:center}
#sfn-top .sfn-item{display:inline-flex;gap:7px;align-items:center;white-space:nowrap}
#sfn-top .sfn-rt{display:flex;gap:18px;align-items:center}
#sfn-top .sfn-lang{display:flex;background:#0A3563;border-radius:999px;padding:3px}
#sfn-top .sfn-lang a{font-weight:700;font-size:12px;padding:5px 12px;border-radius:999px;color:#EAF4FB;text-decoration:none}
#sfn-top .sfn-lang a.on{background:#fff;color:var(--sfn-navy)}
#navbar.sfn{top:40px !important;height:70px !important;background:rgba(11,17,24,.98) !important;border-bottom:1px solid #1B2633;display:flex !important;align-items:center;justify-content:space-between;padding:0 40px !important;box-sizing:border-box;gap:20px}
#navbar.sfn .sfn-logo{display:flex;align-items:center;flex-shrink:0}
#navbar.sfn .sfn-logo img{height:40px;width:auto;display:block}
#navbar.sfn .sfn-menu{display:flex;gap:4px;align-items:center;list-style:none;margin:0;padding:0}
#navbar.sfn .sfn-cat{height:46px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--sfn-text);display:inline-flex;align-items:center;gap:6px;font:700 18px/1 'Barlow Condensed','Barlow',sans-serif;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;text-decoration:none;white-space:nowrap}
#navbar.sfn .sfn-cat:hover,#navbar.sfn .sfn-cat.open{background:var(--sfn-card);color:var(--sfn-sky)}
#navbar.sfn .sfn-cat svg{transition:transform .2s}
#navbar.sfn .sfn-cat.open svg{transform:rotate(180deg)}
#navbar.sfn .sfn-cta{display:flex;gap:10px;align-items:center;flex-shrink:0}
#navbar.sfn .sfn-btn{height:46px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;font:700 17px/1 'Barlow Condensed','Barlow',sans-serif;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
#navbar.sfn .sfn-btn.ghost{border:2px solid var(--sfn-sky);color:var(--sfn-sky)}
#navbar.sfn .sfn-btn.ghost:hover{background:rgba(63,182,240,.12)}
#navbar.sfn .sfn-btn.solid{background:var(--sfn-blue);color:#fff}
#navbar.sfn .sfn-btn.solid:hover{background:#0089CC}
#navbar.sfn .sfn-burger{display:none;width:46px;height:46px;border:1px solid #253344;border-radius:10px;background:transparent;color:var(--sfn-text);align-items:center;justify-content:center;cursor:pointer}
#sfn-mega{position:fixed;top:110px;left:40px;right:40px;z-index:1000;background:var(--sfn-panel);border:1px solid var(--sfn-line);border-top:0;border-radius:0 0 16px 16px;padding:26px 30px;box-shadow:0 24px 48px rgba(0,0,0,.45);display:none;box-sizing:border-box}
#sfn-mega.show{display:block}
#sfn-mega .sfn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
#sfn-mega .sfn-card{background:var(--sfn-card);border:1px solid #22313F;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;color:var(--sfn-text);text-decoration:none;transition:border-color .15s,transform .15s}
#sfn-mega .sfn-card:hover{border-color:var(--sfn-blue);transform:translateY(-2px)}
#sfn-mega .sfn-ic{width:46px;height:46px;border-radius:10px;background:#1D2D3D;color:var(--sfn-sky);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
#sfn-mega .sfn-t{font:700 21px/1.1 'Barlow Condensed','Barlow',sans-serif;color:#fff}
#sfn-mega .sfn-d{font:400 15px/1.4 'Barlow',sans-serif;color:var(--sfn-muted)}
#sfn-mega .sfn-go{font:700 14px/1 'Barlow',sans-serif;color:var(--sfn-sky);margin-top:auto;padding-top:6px}
/* mobile drawer */
#sfn-drawer{position:fixed;inset:0;z-index:1100;background:var(--sfn-bg);color:var(--sfn-text);display:none;flex-direction:column;overflow-y:auto;font-family:'Barlow',sans-serif}
#sfn-drawer.show{display:flex}
#sfn-drawer .sfn-dh{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #1B2633;flex-shrink:0}
#sfn-drawer .sfn-dh img{height:36px !important;width:auto !important;max-width:70%}
#sfn-drawer .sfn-x{width:46px;height:46px;border:0;background:transparent;color:var(--sfn-text);display:flex;align-items:center;justify-content:center;cursor:pointer}
#sfn-drawer .sfn-dcta{padding:16px 20px;display:flex;flex-direction:column;gap:10px}
#sfn-drawer .sfn-dcta a{height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:700 20px/1 'Barlow Condensed','Barlow',sans-serif;text-decoration:none;text-transform:uppercase}
#sfn-drawer .sfn-dcta .solid{background:var(--sfn-blue);color:#fff}
#sfn-drawer .sfn-dcta .ghost{border:2px solid var(--sfn-sky);color:var(--sfn-sky)}
#sfn-drawer .sfn-acc{padding:0 20px}
#sfn-drawer .sfn-row{border-bottom:1px solid #1B2633}
#sfn-drawer .sfn-rb{width:100%;height:60px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;font:700 22px/1 'Barlow Condensed','Barlow',sans-serif;text-transform:uppercase;padding:0;cursor:pointer;text-decoration:none}
#sfn-drawer .sfn-rb span{color:var(--sfn-sky);font-size:26px}
#sfn-drawer .sfn-sub{display:none;flex-direction:column;padding:0 0 12px 8px}
#sfn-drawer .sfn-row.open .sfn-sub{display:flex}
#sfn-drawer .sfn-sub a{padding:11px 0;font-size:17px;color:var(--sfn-muted);text-decoration:none}
#sfn-drawer .sfn-foot{margin-top:auto;padding:20px;border-top:1px solid #1B2633;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--sfn-muted)}
#sfn-drawer .sfn-foot a{color:#fff;font-weight:700;font-size:18px;text-decoration:none}
#sfn-drawer .sfn-lang{display:flex;gap:10px}
#sfn-drawer .sfn-lang a{font-size:15px;padding:8px 16px;border:1px solid #253344;border-radius:999px}
#sfn-drawer .sfn-lang a.on{background:#fff;color:var(--sfn-navy);border-color:#fff}
@media (max-width:1280px){#navbar.sfn .sfn-cat{padding:0 10px;font-size:16px}#navbar.sfn .sfn-btn{padding:0 14px;font-size:15px}#sfn-top .sfn-hide-md{display:none}}
@media (max-width:1060px){
  body.sfn-on{padding-top:0}
  #sfn-top{display:none}
  #navbar.sfn{top:0 !important;height:70px !important;padding:0 16px !important}
  #navbar.sfn .sfn-menu,#navbar.sfn .sfn-btn.ghost{display:none}
  #navbar.sfn .sfn-burger{display:inline-flex}
  #navbar.sfn .sfn-btn.solid{height:44px;font-size:15px;padding:0 12px}
  #sfn-mega{display:none !important}
}
@media (max-width:420px){#navbar.sfn .sfn-btn.solid .sfn-lbl-long{display:none}}