/* SS Computers navigation typography match
   Matches security-products.html desktop navigation without altering page content. */

/* Main website navigation */
.nav-links,
.nav-links > a,
.nav-links > .dropdown > .dropbtn,
.nav-links .menu a {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

@media (min-width: 1051px) {
  .nav-links {
    gap: 4px !important;
  }
  .nav-links > a,
  .nav-links > .dropdown > .dropbtn {
    padding: 11px 10px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: #26384d !important;
    border-radius: 9px !important;
  }
  .nav-links > .dropdown > .dropbtn span {
    font-size: 10px !important;
    margin-left: 4px !important;
  }
  .nav-links > a.cta {
    padding: 11px 10px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }
}

/* Keep medium desktop/tablet widths from overflowing */
@media (min-width: 801px) and (max-width: 1050px) {
  .nav-links {
    gap: 2px !important;
  }
  .nav-links > a,
  .nav-links > .dropdown > .dropbtn {
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 9px 6px !important;
  }
}

/* Mobile menu typography */
@media (max-width: 800px) {
  .nav-links > a,
  .nav-links > .dropdown > .dropbtn {
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }
}

/* Blog navigation uses the same fallback font family and weight */
.blog-navlinks,
.blog-navlinks a,
.blog-navlinks .dropbtn,
.blog-navlinks .menu a {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}
@media (min-width: 1101px) {
  .blog-navlinks a,
  .blog-navlinks .dropbtn {
    font-size: 16px !important;
    font-weight: 700 !important;
  }
}
@media (max-width: 900px) {
  .blog-navlinks a,
  .blog-navlinks .dropbtn {
    font-size: 16px !important;
    font-weight: 700 !important;
  }
}