/* Minimal Tailwind CSS - Only used utilities */

/* Position utilities */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/* Display utilities (if used elsewhere) */
.flex {
  display: flex;
}

.grid {
  display: grid;
}

/* Common layout utilities (if needed) */
.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.hidden {
  display: none;
}

/* Text utilities (commonly used) */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* Margin and padding shortcuts (commonly used) */
.m-0 { margin: 0; }
.p-0 { padding: 0; }

/* Width/height utilities (commonly used) */
.w-full { width: 100%; }
.h-full { height: 100%; }
.w-auto { width: auto; }
.h-auto { height: auto; }

/* Flexbox utilities (commonly used) */
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }

/* Border radius (commonly used) */
.rounded { border-radius: 0.25rem; }
.rounded-full { border-radius: 9999px; }

/* Opacity utilities */
.opacity-0 { opacity: 0; }
.opacity-50 { opacity: 0.5; }
.opacity-100 { opacity: 1; }

/* Transform utilities */
.transform { transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

/* Basic responsive prefixes setup (mobile-first) */
@media (min-width: 640px) {
  .sm\:block { display: block; }
  .sm\:hidden { display: none; }
}

@media (min-width: 768px) {
  .md\:block { display: block; }
  .md\:hidden { display: none; }
}

@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:hidden { display: none; }
}