/*
 * Container Consistency Fix
 * Ensures all pages use the same container widths
 * Overrides any custom container styles
 */

/* Force all containers to use Bootstrap's default responsive widths */
.container {
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Bootstrap's standard responsive breakpoints - DO NOT MODIFY */
@media (min-width: 576px) {
    .container {
        max-width: 540px !important;
    }
}

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

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

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

@media (min-width: 1400px) {
    .container {
        max-width: 1320px !important; /* Bootstrap 5 default */
    }
}

/* Remove any container-fluid wrappers that shouldn't be there */
.container-fluid > .container {
    /* If we find nested containers, make the inner one take full width of outer */
    max-width: 100% !important;
}

/* Ensure navbar container matches page container */
.navbar .container {
    /* Use same breakpoints as main content */
}

/* Override stage_tools custom container styles */
.stage-ideation .container,
.stage-validation .container,
.stage-mvp .container,
.stage-launch .container,
.stage-growth .container,
.stage-investment .container {
    /* Remove any custom max-widths */
    max-width: inherit !important;
}