/* ============================================
   Utilities — hexxusweb.com
   Single-purpose utility classes.
   ============================================ */


/* ── Screen reader only ──────────────────── */

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


/* ── Display ─────────────────────────────── */

.hidden {
	display: none !important;
}


/* ── Text ────────────────────────────────── */

.text-center { text-align: center; }
.text-muted   { color: var(--color-text-secondary); }
.text-accent  { color: var(--color-cherenkov); }
.text-mono    { font-family: var(--font-mono); }

/* Glow text effect */
.text-glow {
	text-shadow: var(--glow-text-md);
}

.text-glow-sm {
	text-shadow: var(--glow-text-sm);
}


/* ── Cert list item ──────────────────────── */

.cert-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding: var(--space-3) var(--space-4);
	background-color: var(--color-bg-elevated);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
}

.cert-item__name {
	font-size: var(--text-sm);
	color: var(--color-text-primary);
}

.cert-item__date {
	font-family: var(--font-mono);
	font-size: var(--text-xs);
	color: var(--color-text-secondary);
	white-space: nowrap;
}