/* Mobile Navigation Override Styles */
/* This file overrides styles from swot-min.css for the .cmobilenav class */

.cmobilenav {
    float: none;
    flex: 1;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    max-width: none;
    height: 52px;
    margin-left: 0;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
}

/* Mobile navigation overlay background */
.w-nav-overlay {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    box-shadow: 4px 0 12px rgba(0, 0, 0, 0.15) !important;
}

/* Additional specificity for mobile devices */
div.w-nav-overlay {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* Even more specific for mobile navigation */
.w-nav-overlay[data-wf-ignore] {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* Mobile-specific media query to ensure it works on actual devices */
@media screen and (max-width: 768px) {
    .w-nav-overlay {
        background-color: #FFFFFF !important;
        background: #FFFFFF !important;
    }
    
    div.w-nav-overlay {
        background-color: #FFFFFF !important;
        background: #FFFFFF !important;
    }
}