/* ========================================
   UTILITY CLASSES
   Generated for Meeto CSS Migration
======================================== */

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

/* Flexbox Alignment */
.align-center { align-items: center !important; }
.align-start { align-items: flex-start !important; }
.align-end { align-items: flex-end !important; }
.justify-between { justify-content: space-between !important; }
.justify-center { justify-content: center !important; }

/* Gap */
.gap-05 { gap: 0.25rem !important; }
.gap-1 { gap: 0.5rem !important; }
.gap-2 { gap: 1rem !important; }
.gap-3 { gap: 1.5rem !important; }

/* Spacing - Margin Top */
.mt-05 { margin-top: 0.5rem !important; }
.mt-1 { margin-top: 1rem !important; }
.mt-2 { margin-top: 1.5rem !important; }
.mt-3 { margin-top: 2rem !important; }
.mt-4 { margin-top: 4rem !important; }

/* Spacing - Margin Bottom */
.mb-05 { margin-bottom: 0.5rem !important; }
.mb-1 { margin-bottom: 1rem !important; }
.mb-2 { margin-bottom: 1.5rem !important; }
.mb-3 { margin-bottom: 2rem !important; }
.mb-4 { margin-bottom: 4rem !important; }

/* Padding Bottom */
.pb-20 { padding-bottom: 100px !important; }

/* Typography Weight */
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }

/* Typography Size */
.text-xs { font-size: 0.75rem !important; }
.text-sm { font-size: 0.875rem !important; }
.text-base { font-size: 1rem !important; }
.text-lg { font-size: 1.25rem !important; }
.text-xl { font-size: 1.5rem !important; }

/* Typography Color */
.text-primary { color: var(--primary) !important; }
.text-secondary { color: var(--text-secondary) !important; }

/* Interactivity */
.cursor-pointer { cursor: pointer !important; }

/* Position */
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }