/* Veridian Health 2.6.17
   Desktop-only typography refinement.
   Mobile is intentionally untouched: every visual rule is scoped to >= 768px. */

@media screen and (min-width: 768px) {
  /* Use the operating system's native UI typeface on desktop. On Windows this
     resolves to Segoe UI; on macOS it resolves to the Apple system font. These
     faces are tuned for crisp screen rendering and remain highly legible at
     smaller interface sizes. */
  body,
  body * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, sans-serif;
  }

  /* The base theme declares Jost directly on controls, so override those
     declarations without interfering with icon-font children. */
  body .btn,
  body button,
  body input,
  body select,
  body textarea,
  body .form-control {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, sans-serif !important;
  }

  /* Restore native desktop rasterisation rather than the theme's forced thin
     antialiasing. This gives body copy and navigation a firmer, clearer edge. */
  body {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
  }

  /* Give the most frequently scanned desktop labels a little more definition
     while keeping the existing sizes, spacing and layout unchanged. */
  #header a,
  #header button,
  #header .top-menu a,
  .product-miniature .product-title a,
  .product-information .tabs .nav-link,
  .footer-container a,
  .breadcrumb a,
  .block-categories a {
    font-weight: 500;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-weight: 600;
    letter-spacing: -0.01em;
  }

  /* Explicitly protect the icon fonts from the desktop text-family override. */
  body .fa,
  body [class^="fa-"],
  body [class*=" fa-"] {
    font-family: FontAwesome !important;
  }

  body .material-icons {
    font-family: "Material Icons" !important;
  }
}
