/* =========================================
   utilities.css
   - Spacing / text helpers / visibility
========================================= */

/* 1. Spacing helpers */

.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }

.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }

/* 2. Text */

.text-center { text-align: center; }
.text-right  { text-align: right; }
.text-small  { font-size: 0.85rem; }
.text-muted  { color: #6b7280; }

/* 3. Display */

.hidden { display: none !important; }

@media (max-width: 768px) {
  .hidden-sm { display: none !important; }
}

@media (min-width: 769px) {
  .hidden-md-up { display: none !important; }
}