/* ================================================================
   TROOPAC — utilities.css
   Small single-purpose helper classes only.
   No component logic, no layout, no media queries.
================================================================ */


/* ── Accessibility ── */

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* ── Text alignment ── */

.text-center { text-align: center; }
.text-right  { text-align: right; }


/* ── Text colour helpers ── */

.text-muted   { color: var(--color-muted); }
.text-primary { color: var(--color-primary-mid); }
.text-white   { color: #fff; }


/* ── Display ── */

.d-flex       { display: flex; }
.d-none       { display: none; }


/* ── Flex helpers ── */

.mt-auto      { margin-top: auto; }
.ml-auto      { margin-left: auto; }
.mr-auto      { margin-right: auto; }
.mx-auto      { margin-left: auto; margin-right: auto; }


/* ── Spacing shortcuts (supplement Bootstrap spacing) ── */

.gap-sm       { gap: var(--space-sm); }
.gap-md       { gap: var(--space-md); }
.gap-lg       { gap: var(--space-lg); }