/* TQN Personnel header refresh v1 (12 Nov 2026). Loaded site-wide by mu-plugin tqn-personnel-header.php */
.l-header{--hn-ink:#22245C;--hn-orange:#F15A24;--hn-soft:#fff3ee;--hn-line:#e6e7ef;font-family:'Plus Jakarta Sans',Roboto,system-ui,sans-serif}
.l-header.bg_solid .l-subheader.at_middle{background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--hn-line)}
.l-header.shadow_thin .l-subheader.at_middle{box-shadow:0 4px 20px rgba(34,36,92,.06)}

/* desktop top level */
.l-header .w-nav.type_desktop .w-nav-list.level_1{display:flex;align-items:center;gap:2px}
.l-header .w-nav.type_desktop .w-nav-item.level_1{height:auto!important;position:relative}
.l-header .w-nav.type_desktop .w-nav-anchor.level_1{height:auto!important;padding:9px 14px!important;border-radius:999px;font-size:15px!important;font-weight:600!important;letter-spacing:0;text-transform:none;color:var(--hn-ink)!important;line-height:1.2!important;transition:background .15s,color .15s}
.l-header .w-nav.type_desktop .w-nav-item.level_1:hover>.w-nav-anchor,.l-header .w-nav.type_desktop .w-nav-item.level_1>.w-nav-anchor:focus-visible{background:#f2f3f8;color:var(--hn-orange)!important}
.l-header .w-nav.type_desktop .w-nav-item.level_1.current-menu-item>.w-nav-anchor,.l-header .w-nav.type_desktop .w-nav-item.level_1.current-menu-ancestor>.w-nav-anchor,.l-header .w-nav.type_desktop .w-nav-item.level_1.current-menu-parent>.w-nav-anchor{color:var(--hn-orange)!important}
/* chevron on items with children */
.l-header .w-nav.type_desktop .menu-item-has-children.level_1>.w-nav-anchor .w-nav-title:after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform .2s}
.l-header .w-nav.type_desktop .menu-item-has-children.level_1:hover>.w-nav-anchor .w-nav-title:after{transform:rotate(225deg);margin-bottom:-1px}
.l-header .w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-arrow{display:none}
/* CTA */
.l-header .w-nav.type_desktop .w-nav-item.level_1.tqn-nav-cta{margin-left:10px}
.l-header .w-nav.type_desktop .tqn-nav-cta>.w-nav-anchor.level_1{background:var(--hn-orange)!important;color:#fff!important;padding:11px 20px!important;box-shadow:0 4px 14px rgba(241,90,36,.28)}
.l-header .w-nav.type_desktop .tqn-nav-cta>.w-nav-anchor.level_1:hover{background:#d9481a!important;color:#fff!important}
/* "Calculators" new badge */
.l-header .w-nav.type_desktop .tqn-nav-calc>.w-nav-anchor .w-nav-title:before{content:"New";display:inline-block;font-size:10px;font-weight:700;line-height:1;padding:3px 6px;border-radius:999px;background:#ffb400;color:#13202e;margin-right:6px;vertical-align:2px;letter-spacing:.3px}

/* desktop dropdowns */
.l-header .w-nav.type_desktop .w-nav-list.level_2{top:calc(100% + 6px);left:0;min-width:230px;padding:8px!important;background:#fff!important;border:1px solid var(--hn-line);border-radius:14px;box-shadow:0 18px 40px rgba(34,36,92,.14),0 2px 6px rgba(34,36,92,.06)}
.l-header .w-nav.type_desktop .w-nav-list.level_2:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.l-header .w-nav.type_desktop .w-nav-anchor.level_2{padding:9px 12px!important;border-radius:9px;font-size:14.5px!important;font-weight:600!important;text-transform:none;color:var(--hn-ink)!important;line-height:1.3!important;white-space:nowrap}
.l-header .w-nav.type_desktop .w-nav-item.level_2:hover>.w-nav-anchor,.l-header .w-nav.type_desktop .w-nav-item.level_2.current-menu-item>.w-nav-anchor{background:var(--hn-soft)!important;color:var(--hn-orange)!important}
.l-header .w-nav.type_desktop .w-nav-item.level_2.tqn-nav-all{margin-top:6px;padding-top:6px;border-top:1px solid var(--hn-line)}
.l-header .w-nav.type_desktop .w-nav-item.level_2.tqn-nav-all>.w-nav-anchor{color:var(--hn-orange)!important}
.l-header .w-nav.type_desktop .w-nav-item.level_2.tqn-nav-all>.w-nav-anchor .w-nav-title:after{content:" \2192"}
/* two-column panels for long lists */
.l-header .w-nav.type_desktop .menu-item-1074>.w-nav-list.level_2,.l-header .w-nav.type_desktop .menu-item-1087>.w-nav-list.level_2,.l-header .w-nav.type_desktop .tqn-nav-calc>.w-nav-list.level_2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4px;width:max-content}
.l-header .w-nav.type_desktop .tqn-nav-calc>.w-nav-list.level_2 .tqn-nav-all{grid-column:1/-1}
/* keep last dropdowns inside the viewport */
.l-header .w-nav.type_desktop .menu-item-392>.w-nav-list.level_2,.l-header .w-nav.type_desktop .menu-item-1302>.w-nav-list.level_2{left:auto;right:0}

/* mobile / tablet menu (Impreza dropdown layout) */
.l-header .w-nav.type_mobile .w-nav-list.level_1{background:#fff!important;padding:8px 32px 18px!important;border-top:1px solid var(--hn-line);box-shadow:0 18px 30px rgba(34,36,92,.12)}
.l-header .w-nav.type_mobile .w-nav-anchor.level_1{font-size:17px!important;font-weight:600!important;text-transform:none;color:var(--hn-ink)!important;padding:13px 11px!important;border-bottom:1px solid #f0f1f5}
.l-header .w-nav.type_mobile .w-nav-anchor.level_2{font-size:15px!important;font-weight:500!important;text-transform:none;color:var(--hn-ink)!important;padding:9px 11px 9px 22px!important}
.l-header .w-nav.type_mobile .w-nav-item.level_1.opened>.w-nav-anchor,.l-header .w-nav.type_mobile .w-nav-item.current-menu-item>.w-nav-anchor{color:var(--hn-orange)!important}
.l-header .w-nav.type_mobile .w-nav-list.level_2{background:#f7f7fb!important;border-radius:10px;margin:6px 0}
.l-header .w-nav.type_mobile .tqn-nav-cta{margin-top:14px}
.l-header .w-nav.type_mobile .tqn-nav-cta>.w-nav-anchor{background:var(--hn-orange)!important;color:#fff!important;border-radius:999px;text-align:center;justify-content:center;border:0;padding:14px!important}
.l-header .w-nav.type_mobile .tqn-nav-calc>.w-nav-anchor .w-nav-title:after{content:"New";font-size:10px;font-weight:700;padding:3px 6px;border-radius:999px;background:#ffb400;color:#13202e;margin-left:8px;vertical-align:2px}
.l-header .w-nav-control .w-nav-icon>div,.l-header .w-nav-control .w-nav-icon:before,.l-header .w-nav-control .w-nav-icon:after{background:var(--hn-ink)!important;border-radius:2px}