/* ═══════════════════════════════════════════════════════════════════════════
   06-utilities.css — Helper Classes + Responsive Overrides
   ═══════════════════════════════════════════════════════════════════════════ */

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

/* ── Responsive Display ─────────────────────────────────────────────────── */
@media (min-width: 576px) {
  .d-sm-flex { display: flex !important; }
  .d-sm-block { display: block !important; }
  .d-sm-inline-flex { display: inline-flex !important; }
  .d-sm-table-cell { display: table-cell !important; }
}
@media (min-width: 768px) {
  .d-md-flex { display: flex !important; }
  .d-md-block { display: block !important; }
  .d-md-table-cell { display: table-cell !important; }
}
@media (min-width: 992px) {
  .d-lg-flex { display: flex !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table-cell { display: table-cell !important; }
}

@media (max-width: 767.98px) {
  .d-none { display: none !important; }
}

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

/* ── Overflow ───────────────────────────────────────────────────────────── */
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-y-auto { overflow-y: auto !important; }

/* ── Position ───────────────────────────────────────────────────────────── */
.relative { position: relative; }
.sticky { position: sticky; }

/* ── Cursor ─────────────────────────────────────────────────────────────── */
.cursor-pointer { cursor: pointer; }

/* ── List ───────────────────────────────────────────────────────────────── */
.list-none { list-style: none; }

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

/* ── Transition ─────────────────────────────────────────────────────────── */
.transition-all {
  transition: all var(--duration-normal) var(--ease);
}