/* Desktop 980px Override - Highest Priority */

/* Desktop screens only */
@media screen and (min-width: 768px) {
    /* Header Section - Limited to 980px */
    body .site-header,
    body #masthead {
        max-width: 980px !important;
        width: 100%;
        margin: 0 auto !important;
        background: linear-gradient(180deg, #c8232c 0%, #8b0000 100%);
    }
    
    body .site-header .header-wrapper {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Navigation Section - Limited to 980px */
    body .main-navigation,
    body #site-navigation {
        max-width: 980px !important;
        width: 100%;
        margin: 0 auto !important;
        background: #1a1a1a;
    }
    
    body .main-navigation .nav-wrapper {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body .main-navigation .container {
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    /* Fix menu text color on desktop */
    body .nav-menu li a {
        color: #ffffff !important;
    }
    
    body .nav-menu li a:hover {
        color: #ffd700 !important;
        background: rgba(255,255,255,0.1);
    }
    
    /* Quick Menu Bar - Limited to 980px */
    body .quick-menu-bar {
        max-width: 980px !important;
        width: 100%;
        margin: 0 auto !important;
        background: #ffffff;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    
    body .quick-menu-bar .menu-wrapper {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body .quick-menu-bar .quick-menu {
        max-width: 100%;
    }
    
    /* Nav Menu */
    body .nav-menu {
        max-width: 100%;
        display: flex;
        justify-content: center;
    }
}

/* Larger screens - maintain 980px with centered content */
@media screen and (min-width: 1200px) {
    /* White background for all */
    body {
        background: white !important;
    }
    
    /* Site wrapper */
    body #page,
    body .site {
        background: white !important;
    }
}