/* utilities.css — Yardımcı sınıflar */

/* ── Erişilebilirlik ─────────────────────────────────────────────────────── */

.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;
}

/* ── Layout ──────────────────────────────────────────────────────────────── */

.container {
    width: 100%;
    max-width: var(--container-2xl); /* canlı tasarım geniş konteyner kullanır (~%94) */
    margin-inline: auto;
    padding-inline: clamp(var(--space-4), 3.2vw, 3.5rem);
}

/* ── Görünürlük ──────────────────────────────────────────────────────────── */

.hidden   { display: none; }
.block    { display: block; }
.flex     { display: flex; }
.grid     { display: grid; }
.relative { position: relative; }
.absolute { position: absolute; }

/* ── Metin ───────────────────────────────────────────────────────────────── */

.text-muted  { color: var(--color-text-muted); }
.text-center { text-align: center; }
.font-bold   { font-weight: 700; }
.truncate    { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }