/* New / repaired rules + tokens only.
   Legacy parity CSS lives under /themes, /files, /sites, /modules. */

/* ---- Repaired utility classes (defined in external NU common CSS upstream;
        re-declared here so they apply reliably in the migrated build). ---- */
.text-align-center { text-align: center; }
.text-align-left   { text-align: left; }
.text-align-right  { text-align: right; }
.text-center       { text-align: center; }

/* CFMG sub-center entry points (ARCHER/ACORN) in the top nav — distinct pill
   so they're obvious, separate from the main-site page links. */
.navbar .nav-link-center {
  font-weight: 700;
  color: #4e2a84 !important;      /* NU purple — override theme .nav-link color */
  border: 1.5px solid #4e2a84;
  border-radius: 999px;
  padding: 0.2em 0.85em !important;
  margin-left: 0.35em;
  transition: background .15s ease, color .15s ease;
}
.navbar .nav-link-center:hover,
.navbar .nav-link-center:focus {
  background: #4e2a84;
  color: #fff !important;         /* white on purple — readable on hover */
}

/* ARCHER/ACORN pills live in the top bar (outside the off-canvas menu) so they
   stay visible at all widths — mobile shows them next to the hamburger. */
.navbar .nav-centers { display: flex; gap: 0.4rem; align-items: center; margin-left: auto; }
.navbar .nav-centers .nav-link-center { white-space: nowrap; }
@media (max-width: 1024px) {
  /* Two-row mobile header: row1 = logo + hamburger, row2 = ARCHER/ACORN pills.
     (390px can't fit big logo + 2 pills + hamburger on one line.) */
  .navbar .container { flex-wrap: wrap !important; }
  .navbar .navbar-brand { order: 1; flex: 0 0 auto; }
  .navbar .navbar-brand img.nav_logo1 { width: 200px !important; max-width: 200px !important; }
  /* theme makes the toggler display:block → 310px wide, shoving it to its own row;
     shrink to the icon so logo + hamburger share row 1 */
  .navbar .navbar-toggler { order: 2; width: auto !important; flex: 0 0 auto; margin-left: auto; }
  .navbar .nav-centers {
    order: 3; flex-basis: 100%; justify-content: center;
    gap: 0.5rem; margin: 0.5rem 0 0;
  }
  .navbar .nav-centers .nav-link-center {
    font-size: 0.85rem; padding: 0.2em 0.9em !important; margin-left: 0;
  }
}
@media (min-width: 1025px) {
  /* desktop: keep main menu centered, pills at far right (after the menu) */
  .navbar .navbar-collapse { order: 2; }
  .navbar .nav-centers { order: 3; margin-left: 0; }
}