/* Utility classes for common patterns */

/* Display utilities */
.hidden {
  display: none !important;
}

.inline {
  display: inline !important;
}

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

.block {
  display: block !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

/* Text utilities */
.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

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

/* Spacing utilities */
.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

/* Color utilities */
.text-gray {
  color: #666 !important;
}

.text-blue {
  color: #0066cc !important;
}

/* Link utilities */
.link-blue {
  color: #0066cc;
  text-decoration: none;
}

.link-blue:hover {
  text-decoration: underline;
}

/* Button utilities */
.btn-inline {
  display: inline;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}