/* ============================================
   06 – UTILITIES
   Kleine Helfer
   ============================================ */

/* ---------- Display ---------- */
.hidden { display: none !important; }
.block { display: block; }
.inline-flex { display: inline-flex; }

/* ---------- Text-Align ---------- */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* ---------- Truncate ---------- */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ---------- Aspect Ratio ---------- */
.aspect-square { aspect-ratio: 1; }
.aspect-video { aspect-ratio: 16 / 9; }

/* ---------- Width ---------- */
.w-full { width: 100%; }
.w-auto { width: auto; }

/* ---------- Opacity ---------- */
.opacity-50 { opacity: 0.5; }
.opacity-70 { opacity: 0.7; }

/* ---------- Cursor ---------- */
.cursor-pointer { cursor: pointer; }
.cursor-not-allowed { cursor: not-allowed; }

/* ---------- Pointer-Events ---------- */
.pe-none { pointer-events: none; }
.pe-auto { pointer-events: auto; }

/* ---------- 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;
}