/* ═══════════════════════════════════════════
   THE NEST TOOLS — UNIVERSAL HEADER STYLES
   ═══════════════════════════════════════════ */

/* RESERVED HEIGHT — prevents layout shift while header.html loads asynchronously */
#nest-header{min-height:96px}

/* TOP NAV */
.site-nav{background:#0A0A0A;padding:0 16px;position:sticky;top:0;z-index:300;box-shadow:0 2px 20px rgba(0,0,0,.35)}
.nav-inner-top{max-width:1100px;margin:0 auto;display:flex;align-items:center;height:52px;gap:10px}
.nav-brand-a{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.nav-brand-ic{width:30px;height:30px;border-radius:6px;display:block;flex-shrink:0}
.nav-brand-nm{font-family:var(--display,'Anton',sans-serif);font-size:1rem;font-weight:400;color:white;letter-spacing:.01em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav-link{padding:6px 10px;border-radius:4px;font-size:.8rem;font-weight:600;color:rgba(255,255,255,.7);text-decoration:none;transition:all .15s;white-space:nowrap}
.nav-link:hover{color:white;background:rgba(255,255,255,.12)}
.nav-dark{width:44px;height:44px;border:none;background:rgba(255,255,255,.1);border-radius:4px;cursor:pointer;font-size:15px;color:white;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}
.nav-dark:hover{background:rgba(255,255,255,.2)}
.nav-hamburger{display:none;width:44px;height:44px;border:none;background:rgba(255,255,255,.1);border-radius:4px;cursor:pointer;font-size:18px;color:white;align-items:center;justify-content:center;margin-left:8px}

/* SUB NAV */
.top-nav{background:var(--gray-50,#F4F4F0);border-bottom:1px solid var(--gray-200,#D9D9D2);padding:0 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:200}
.top-nav::-webkit-scrollbar{display:none}
.top-nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:2px;height:44px;min-width:max-content}

/* TOOL LINK WRAPPER — enables hover dropdown */
.tnav-item{position:relative;display:inline-flex;flex-shrink:0}

/* TOOL LINKS */
.tnav-link{display:inline-flex;align-items:center;gap:5px;height:44px;padding:0 14px;font-size:.82rem;font-weight:500;text-decoration:none;color:var(--gray-600,#47473f);transition:all .15s;white-space:nowrap;background:none;border:none;border-bottom:2px solid transparent;font-family:inherit;cursor:pointer;flex-shrink:0}
.tnav-link:hover{color:#0A0A0A;background:var(--gray-100,#EAEAE5)}
.tnav-link.active{color:var(--primary,#E5342B);background:var(--primary-light,#FFF1F0);border-bottom:2px solid var(--primary,#E5342B);font-weight:700;border-radius:4px 4px 0 0}

/* DROPDOWN MENU — positioned via JS (fixed), escapes overflow-x:auto clipping */
.tnav-dropdown{display:none;position:fixed;background:white;border:1px solid var(--gray-200,#D9D9D2);border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,.16);min-width:220px;z-index:9999;overflow:hidden}
.tnav-dropdown.show{display:block}
.tnav-dropdown a{display:flex;align-items:center;gap:9px;padding:10px 16px;font-size:.83rem;font-weight:500;color:var(--gray-600,#47473f);text-decoration:none;transition:background .1s,color .1s;border-bottom:1px solid var(--gray-100,#EAEAE5);white-space:nowrap}
.tnav-dropdown a:last-child{border-bottom:none}
.tnav-dropdown a:hover{background:var(--primary-light,#FFF1F0);color:var(--primary,#E5342B)}
.tnav-dropdown-header{padding:8px 16px 4px;font-size:.68rem;font-weight:700;color:var(--gray-400,#8A8A82);text-transform:uppercase;letter-spacing:.6px;background:var(--gray-50,#F4F4F0);border-bottom:1px solid var(--gray-200,#D9D9D2)}

/* DARK MODE */
[data-theme=dark] .top-nav{background:#0A0A0A;border-bottom-color:#242422}
[data-theme=dark] .tnav-link{color:#8A8A82}
[data-theme=dark] .tnav-link:hover{color:#F4F4F0;background:#1A1A17}
[data-theme=dark] .tnav-link.active{color:#FF6B61;background:rgba(229,52,43,.14);border-bottom-color:#E5342B}
[data-theme=dark] .tnav-dropdown{background:#131311;border-color:#242422}
[data-theme=dark] .tnav-dropdown a{color:#B9B9B3;border-bottom-color:#1A1A17}
[data-theme=dark] .tnav-dropdown a:hover{background:rgba(229,52,43,.14);color:#FF6B61}
[data-theme=dark] .tnav-dropdown-header{background:#0A0A0A;color:#8A8A82;border-bottom-color:#242422}

/* MOBILE */
@media(max-width:640px){
  .nav-links{display:none;position:absolute;top:52px;left:0;right:0;background:#0A0A0A;flex-direction:column;padding:8px 16px 14px;gap:4px;border-bottom:1px solid rgba(255,255,255,.08);z-index:299}
  .nav-links.open{display:flex}
  .nav-link{width:100%;padding:10px 12px;font-size:.9rem}
  .nav-hamburger{display:flex}
  .tnav-dropdown{display:none!important}
}