/* ==============================================
   CONTENT WIDTH CONSISTENCY FIX
   Ensures all content sections use max container width
   Team Stallion FTW
   ============================================== */

/* Container Width Standards */
.container,
.container-fluid,
.container-lg,
.container-xl {
    max-width: 1350px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Standard container max-widths (Bootstrap-based) */
@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: 1140px;
    }
}

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

/* Ensure main content uses full container width */
.main-content .container,
main .container {
    width: 100%;
    max-width: 1320px; /* Match your navigation width */
}

/* Fix for "Den der læser dette" message
   NOTE: :not([id]) prevents matching browser extension divs like #shadow-root-div
   which caused a 40px white bar below footer (sprint Step 1.4) */
body > p,
body > div:not([class]):not([id]) {
    max-width: 1320px;
    margin: 0 auto;
    padding: 20px 15px;
}

/* Ensure sections use full width */
section > .container {
    width: 100%;
}

/* Navigation container alignment */
.navbar  .container,
nav .container {
    max-width: 1390px;
}

/* Features page container alignment - match pricing page (container-2 = 1440px) */
.container-12 {
    max-width: 1440px !important;
    margin-left: auto;
    margin-right: auto;
}

.div-block-5 {
    max-width: 1440px !important;
    margin-left: auto;
    margin-right: auto;
}

/* Footer container alignment */
.footer .container,
footer .container {
    max-width: 1320px;
}