/* Full-width header and footer layout modifications */
/* NOTE: This file only handles layout (full-width), not colors or fonts */

/* Header navigation with full-width background */
.header-navigation {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #333;
}

/* Override sky-mega-menu border-radius since we want full width */
.header-navigation .sky-mega-menu {
    border-radius: 0;
}

/* Footer navigation with full-width background */
.footer-navigation {
    border-radius: 0; /* Remove border radius for full width */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #333;
}

/* Copyright section with full-width background */
.copyright-section {
    width: 100vw;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #333;
    color: #c3c2bf;
}