/* =========================================================
   overrides.css — deploy-safe overrides (loaded last)
   Purpose:
   - Enforce Plus Jakarta Sans everywhere
   - Fix any stray serif/system font overrides
   - Keep changes minimal to avoid regressions
   ========================================================= */

html, body, button, input, textarea, select, label, a, p, span, li, h1, h2, h3, h4, h5, h6, small {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Testimonials CSS was using Georgia; enforce brand font for those sections too */
.testimonials, .testimonial-card, .testimonial-text, .testimonial-author {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Reduce chances of sticky breaking due to accidental overflow settings */
html { overflow-x: hidden; }
body { overflow-x: hidden; }
/* ===== FIX: metrics too big on desktop (FORCE OVERRIDE) ===== */
@media (min-width: 1024px){

  /* Remove duplicates on desktop */
  .metrics-strip .metrics-grid .metric-box.metric-duplicate{
    display: none !important;
  }

  /* Grid spacing */
  .metrics-strip .container .metrics-grid{
    gap: 18px !important;
  }

  /* Card sizing */
  .metrics-strip .container .metrics-grid .metric-box{
    padding: 16px 22px !important;
    border-radius: 16px !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: center !important;
  }

  /* Number */
  .metrics-strip .container .metrics-grid .metric-box .metric-value{
    font-size: 40px !important;
    line-height: 1.05 !important;
    margin: 0 0 6px 0 !important;
  }

  .metrics-strip .container .metrics-grid .metric-box .metric-plus{
    font-size: 0.7em !important;
  }

  /* Label */
  .metrics-strip .container .metrics-grid .metric-box .metric-label{
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
}
/* =========================
   NAV — keep visible on scroll (mobile)
   ========================= */
@media (max-width: 768px){
  .nav{
    position: fixed !important;   /* stronger than sticky */
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10000;
  }

  /* push page content below fixed navbar */
  body{
    padding-top: var(--nav-h, 72px);
  }
}