/* Desktop Layout - Max Width 980px */

/* Apply to desktop screens */
@media (min-width: 768px) {
    /* Limit header, nav, and quick-menu width */
    .site-header,
    #masthead,
    .main-navigation,
    #site-navigation,
    .quick-menu-bar {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    /* Inner content of header, nav, quick-menu */
    .site-header > *,
    .main-navigation > *,
    .quick-menu-bar > * {
        max-width: 980px;
        width: 100%;
        margin: 0 auto;
    }
    /* Main container */
    .container,
    .wrapper,
    .content-wrapper,
    .site-content .container,
    .site-main .container {
        max-width: 980px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Hero banner container */
    .hero-banner-container {
        max-width: 980px !important;
        margin: 0 auto;
    }
    
    /* Navigation and header wrappers */
    .nav-wrapper,
    .header-wrapper {
        max-width: 980px !important;
        margin: 0 auto;
        width: 100%;
    }
    
    .nav-wrapper .container,
    .header-wrapper .container {
        max-width: 980px !important;
        margin: 0 auto;
    }
    
    /* Content areas */
    .single-column-layout,
    .content-area,
    .site-main {
        max-width: 980px !important;
        margin: 0 auto;
    }
    
    /* Homepage sections */
    .homepage-section {
        max-width: 980px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Section containers */
    .results-section .container,
    .soicau-section .container,
    .statistics-section .container,
    .blog-section .container,
    .hero-section .container {
        max-width: 980px !important;
        margin: 0 auto;
    }
    
    /* Quick menu wrapper */
    .quick-menu-bar .menu-wrapper,
    .menu-wrapper {
        max-width: 980px !important;
        margin: 0 auto;
        width: 100%;
    }
    
    .quick-menu {
        max-width: 980px !important;
        margin: 0 auto;
    }
    
    /* Footer container */
    .site-footer .container,
    .footer-widgets .container {
        max-width: 980px !important;
        margin: 0 auto;
    }
    
    /* Banner elements */
    .banner-slider,
    .single-banner {
        max-width: 980px !important;
    }
    
    /* Ensure proper centering */
    body .site {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    body #page > * {
        width: 100%;
        max-width: 100%;
    }
}

/* Larger screens - keep 980px */
@media (min-width: 992px) {
    .container {
        max-width: 980px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 980px !important;
    }
    
    /* White background for all screens */
    body {
        background: white !important;
    }
    
    .site {
        background: white;
        max-width: 100%;
    }
}

/* Ultra wide screens */
@media (min-width: 1400px) {
    /* Keep white background */
    body {
        background: white !important;
    }
    
    .site-content {
        background: white;
    }
}