/* ============================================================
   CONSOLIDATED SOLUTIONS LLC — Minimal Utility CSS
   Replaces Tailwind CDN with only the utility classes used.
   ============================================================ */

/* ── Display ─────────────────────────────────────────────── */
.flex         { display: flex; }
.grid         { display: grid; }
.block        { display: block; }
.inline-flex  { display: inline-flex; }
.hidden       { display: none; }
.absolute     { position: absolute; }
.relative     { position: relative; }
.fixed        { position: fixed; }

/* ── Flex ────────────────────────────────────────────────── */
.flex-col     { flex-direction: column; }
.flex-row     { flex-direction: row; }
.flex-wrap    { flex-wrap: wrap; }
.items-center { align-items: center; }
.items-start  { align-items: flex-start; }
.items-end    { align-items: flex-end; }
.justify-between { justify-content: space-between; }
.justify-center  { justify-content: center; }
.justify-end     { justify-content: flex-end; }

/* ── Grid ────────────────────────────────────────────────── */
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) {
  .md\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
}

/* ── Gap ─────────────────────────────────────────────────── */
.gap-4  { gap: 1rem; }
.gap-6  { gap: 1.5rem; }
.gap-8  { gap: 2rem; }
.gap-12 { gap: 3rem; }

/* ── Spacing ─────────────────────────────────────────────── */
.m-0  { margin: 0; }
.p-0  { padding: 0; }
.mt-8  { margin-top: 2rem; }
.mt-12 { margin-top: 3rem; }
.mb-0  { margin-bottom: 0; }

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

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

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

/* ── Overflow ────────────────────────────────────────────── */
.overflow-hidden { overflow: hidden; }