/* ===================================================================
   LAYOUT/CONTAINERS.CSS
   Container Layouts and Wrappers
   =================================================================== */

/* ===== BOOTSTRAP CONTAINER REPLACEMENTS ===== */

/* Container */
.container,
.container-fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

/* Container Breakpoints */
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

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

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

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

@media (min-width: 1400px) {
    .container {
        max-width: 1600px;
    }
}

/* Custom Container Sizes */
@media (min-width: 1440px) {
    .container-xl-custom { 
        max-width: 1440px; 
    }
    .container-xxl-custom { 
        max-width: 1630px; 
    }
}

/* Row Layout */
.row {
    display: flex;
    flex-wrap: wrap;
}