/* Nav consistency — one readable Title-Case system across the whole header.
 *
 * Before: `body.qf-wft .site-nav a` (in landing-home-fixes.css / quotefleet-
 * font-system.css) forced JetBrains-Mono + UPPERCASE on every <a> in the nav —
 * which caught the top-level links (Pricing / Compare / Demo), Sign in, AND the
 * dropdown links (they're descendants of .site-nav). But the "Solutions"
 * <button> and the "View demo" .btn are not <a>, so they stayed Title-Case sans
 * → the header looked like two different type systems, and the all-caps
 * dropdown list was hard to scan.
 *
 * After: every header link + the dropdown links render Title-Case sans at one
 * scale, matching the Solutions/View-demo treatment. The small uppercase mono
 * section labels (TOOLS / FOR YOUR BUSINESS) stay — they give the dropdown its
 * hierarchy now that the links below them are sentence-cased.
 *
 * Loaded LAST + high specificity (body.landing-v2.qf-wft) + !important so it
 * beats the earlier !important rules. No new colors/spacing tokens introduced.
 */

/* Top-level nav links + Sign in — Title-Case sans, one scale */
body.landing-v2.qf-wft .site-nav a,
body.landing-v2.qf-wft .site-actions .signin {
  font-family: inherit !important;
  text-transform: none !important;
  letter-spacing: -0.005em !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Match the Solutions dropdown trigger to the exact same scale/weight */
body.landing-v2.qf-wft .nav-dd-trigger {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
}

/* Dropdown links — comfortable, scannable Title-Case list */
body.landing-v2.qf-wft .nav-dd-panel a {
  font-family: inherit !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
}

/* Section labels stay small uppercase for hierarchy */
body.landing-v2.qf-wft .nav-dd-head {
  font-size: 10.5px !important;
  color: var(--muted) !important;
  margin-bottom: 8px !important;
}

/* A little more air between the two dropdown columns so groups read as distinct */
body.landing-v2.qf-wft .nav-dd-panel {
  gap: 16px 32px !important;
  padding: 16px 24px !important;
}

/* Mobile burger menu — same Title-Case treatment for the links */
body.landing-v2.qf-wft .site-mobile-menu a {
  font-family: inherit !important;
  text-transform: none !important;
  letter-spacing: -0.005em !important;
}

/* ── Subtle hover underline on the top-bar nav links + Solutions trigger + Sign
   in (both themes, Alex). currentColor underline so it tracks the link's own
   text color in dark AND light. No raw colors, no spacing props off-ramp. ── */
body.landing-v2.qf-wft .site-nav a,
body.landing-v2.qf-wft .nav-dd-trigger,
body.landing-v2.qf-wft .site-actions .signin {
  text-decoration-line: none;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
body.landing-v2.qf-wft .site-nav a:hover,
body.landing-v2.qf-wft .site-nav a:focus-visible,
body.landing-v2.qf-wft .nav-dd-trigger:hover,
body.landing-v2.qf-wft .nav-dd-trigger:focus-visible,
body.landing-v2.qf-wft .site-actions .signin:hover,
body.landing-v2.qf-wft .site-actions .signin:focus-visible {
  text-decoration-line: underline;
  text-decoration-color: currentColor;
}

/* ── Auth-gated nav items on the HOMEPAGE (hydrated by /nav-auth.js) ────────
   The homepage is a static file with its own stylesheet set — it does NOT load
   /nav-unify.css, so the `[hidden]` authority rule that protects the injected
   marketing chrome and the directory subsite does not reach here.

   Without this, `body.qf-wft .site-mobile-menu a{display:block}`
   (landing-home-fixes.css) and `body.landing-v2.qf-wft .site-mobile-menu a`
   (above) both beat the UA's `[hidden]{display:none}` — author rules always
   beat UA rules — and the logged-out visitor sees "Saved Importers", a link
   whose only destination is a sign-in wall. Caught by the 375px pass; keep it.

   `!important` is deliberate: it has to win against any later homepage rule
   without another specificity arms race. */
.site-nav [hidden],
.site-actions [hidden],
.site-mobile-menu [hidden],
body.qf-wft .site-mobile-menu a[hidden],
body.landing-v2.qf-wft .site-mobile-menu a[hidden],
body.qf-wft .site-mobile-menu .mm-group > a[hidden] { display: none !important; }
