/* ══════════════════════════════════════════════════════════════════
   SITE NAVIGATION — Nov 2026 nav update.

   The top menu grew from six items to eight:
   RGK Universe · About Us · Memberships · Shop · Contact ·
   Printable Library · Log In · Create Free Account (or My Account).
   At the widths below that row no longer fits on one line, so this file
   (loaded after styles.css and printable-library.css; styles.css is
   unchanged) adjusts only how the header nav is shown:

   641–1120px   the menu collapses into the existing ☰ button and the
                existing full-screen menu, exactly as on phones
                (styles.css already does this at ≤640px).
   1121–1439px  the full menu stays visible on one line: tighter gaps,
                and the small decorative icons hidden.
   ≥1440px      unchanged.

   The mobile menu itself (markup, script, overlay) is untouched.
══════════════════════════════════════════════════════════════════ */

@media (min-width: 641px) and (max-width: 1120px) {
  .rgk-nav { display: none; }
  .mobile-menu-btn { display: flex; }
}

@media (min-width: 1121px) and (max-width: 1439px) {
  .rgk-nav { gap: 4px; }
  .rgk-nav a { padding: 6px 9px; white-space: nowrap; }
  .rgk-nav .nav-icon { display: none; }
}