/* Force header to move to the left (full width container) */
.site-header .container {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 30px !important; /* Add some padding so it's not flush against edge */
    padding-right: 30px !important;
}

/* Ensure the header bar itself spans full width */
.site-header {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Ensure header content flex container uses full width */
.header-flex {
    width: 100% !important;
    max-width: none !important;
}

/* On mobile, adjust padding slightly */
@media (max-width: 768px) {
    .site-header .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}