/* ==================================================================
   Global Layout Styles - LeanPivot.ai
   Ensures consistent container width and spacing across all pages
   ================================================================== */

/* Set consistent container width across all pages */
.container {
    max-width: 1400px !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Ensure proper spacing when navbar is fixed/sticky */
body {
    /* No padding needed since navbar is sticky, not fixed */
}

/* Navbar spacing adjustments */
.navbar {
    min-height: 64px;
    z-index: 1030;
}

.navbar.sticky-top + * {
    /* Ensure content doesn't hide under sticky navbar */
    margin-top: 0;
}

/* Container fluid override for full-width sections */
.container-fluid {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* Responsive adjustments */
@media (max-width: 1440px) {
    .container {
        max-width: 1400px !important;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 960px !important;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 720px !important;
    }
}

@media (max-width: 576px) {
    .container {
        max-width: 540px !important;
    }
    
    body {
        padding-top: 60px; /* Smaller navbar on mobile */
    }
}

/* Dashboard specific container adjustments */
.dashboard-container {
    max-width: 1400px !important;
    margin: 0 auto;
}

/* Content wrapper for consistent spacing */
.content-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* Page specific overrides (for forms and narrow content) */
.narrow-container {
    max-width: 800px !important;
}

.form-container {
    max-width: 600px !important;
}

/* Ensure consistent spacing with navigation */
.navbar + .container,
.navbar + .container-fluid {
    margin-top: 0;
}

/* Fix any bootstrap container overrides */
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px !important;
    }
}