/**
 * Spacing Utilities
 * Layout spacing and margin/padding helpers
 */

/* ============================================
   CONTENT SPACING
   ============================================ */
/* Ensure content has proper spacing above footer */
.container {
    margin-bottom: 2rem;
    padding-bottom: 0.5rem;
}

/* Ensure main content areas have proper spacing */
main, .content {
    margin-bottom: 1rem;
}

/* Specific spacing for major sections */
.feed-container, 
.profile-container,
.main-content {
    margin-bottom: 2rem;
}

/* Post cards spacing */
.post-card {
    margin-bottom: 1.5rem;
}

/* ============================================
   FLEXBOX HELPERS
   ============================================ */
.flex-grow-1 {
    flex-grow: 1;
}

.min-vh-100 {
    min-height: 100vh;
}

/* ============================================
   GAP UTILITIES (for older browsers)
   ============================================ */
.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
    gap: 1.5rem;
}