/* ==========================================================================
   Global Layout Spacing
   Fixes excessive spacing between navbar and content
   ========================================================================== */

/* Main content wrapper */
.main-content {
    padding-top: 0;
    min-height: calc(100vh - 200px);
}

/* Navbar spacing */
.navbar-modern {
    margin-bottom: 0 !important;
}

/* Messages container - only takes space when has content */
.messages-container {
    padding: 1rem 0;
    margin: 0;
}

.messages-container:empty {
    display: none;
    padding: 0;
}

/* Alert positioning */
.messages-container .alert {
    margin-bottom: 0.5rem;
}

.messages-container .alert:last-child {
    margin-bottom: 1rem;
}

/* Container spacing - applies to all pages */
.main-content > .container,
.main-content > .container-fluid,
.main-content > .container-modern {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}

/* Exception: Full-width hero sections */
.main-content > .hero-section:first-child {
    margin-top: 0;
    padding-top: 0;
}

/* Exception: Dashboard pages may need different spacing */
.main-content.dashboard-content {
    padding-top: 1rem;
}

/* Exception: Forms and profile pages */
.main-content.form-page,
.main-content.profile-page {
    padding-top: 0.5rem;
}