/* 
 * Full Width Override - Nuclear Option
 * This file contains the most aggressive CSS overrides to ensure full-width layout
 */

/* Force all container elements to be 100% width */
html, body, #page, .site, #content, .site-content {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Remove ALL wrapper padding */
.wrapper,
[class*="wrapper"],
[id*="wrapper"] {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* Force header to be full width */
header,
header.site-header,
#masthead {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Force footer to be full width */
footer,
#wrapper-footer,
.site-footer {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Force hero to be full width */
#hero {
    width: 100vw !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Override Bootstrap container max-widths for header and footer */
header .container,
footer .container,
#wrapper-footer .container {
    max-width: none !important;
    width: 100% !important;
}