/*
 * Path: css/utilities.css
 * Purpose: Cross-cutting utility helpers (tiny, composable, non-semantic)
 * Depends on: css/core/tokens.css
 * Version: 0.9.0 (pre-1.0)
 */

/* Hide element completely (layout removal) */
.hide {
  display: none !important;
}

/* Screen-reader only: keep accessible, remove visually */
.visually-hidden{
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}

/* added on 2025/10/22 */
/* Contact nav + footer legal links: no underline, teal fade, no borders */
:where(#contact nav a, #siteFooter a) {
  text-decoration: none !important;
  color: var(--ec-teal-450);
  transition: color .18s ease;
}

:where(#contact nav a, #siteFooter a):hover,
:where(#contact nav a, #siteFooter a):focus {
  color: var(--ec-teal-500);
}

/* keep visited from going retro purple */
:where(#contact nav a, #siteFooter a):visited {
  color: var(--ec-teal-450);
}