/*
|--------------------------------------------------------------------------
| Chapel Baseball LMS - Consistent Desktop Width
|--------------------------------------------------------------------------
| Desktop screens use one consistent 1100px site width.
| Existing tablet and mobile behavior remains unchanged.
|--------------------------------------------------------------------------
*/

@media (min-width: 1100px) {

    /*
    |--------------------------------------------------------------------------
    | Site Shell
    |--------------------------------------------------------------------------
    | The entire shared shell is centered and capped at 1100px.
    */

    .site-wrapper {
        width: calc(100% - 32px) !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    /*
    |--------------------------------------------------------------------------
    | Shared Header + Navigation
    |--------------------------------------------------------------------------
    | These stay exactly aligned with the 1100px site shell.
    */

    .site-wrapper > .site-header,
    .site-wrapper > .nav-wrapper,
    .site-header,
    .nav-wrapper,
    .main-nav {
        width: 100% !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    /*
    |--------------------------------------------------------------------------
    | Main Content
    |--------------------------------------------------------------------------
    */

    .site-wrapper main {
        width: 100% !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    /*
    |--------------------------------------------------------------------------
    | Known Page Wrappers
    |--------------------------------------------------------------------------
    | Pages that previously declared their own desktop widths now line up
    | exactly with the shared header/navigation shell.
    */

    .admin-users-wrap,
    .player-directory-wrap,
    .cbc-profile-wrap,
    .profile-completion-wrapper,
    .dashboard-wrap,
    .dashboard-wrapper,
    .dashboard-container,
    .content-wrap,
    .content-wrapper,
    .page-wrap,
    .page-wrapper,
    .page-container,
    .admin-wrap,
    .admin-wrapper,
    .admin-container,
    .coach-wrap,
    .coach-wrapper,
    .coach-container,
    .player-wrap,
    .player-wrapper,
    .player-container {
        width: 100% !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    /*
    |--------------------------------------------------------------------------
    | Shared Footer
    |--------------------------------------------------------------------------
    | Covers the common cases where the footer is either inside site-wrapper
    | or directly under body as .site-footer.
    */

    .site-wrapper > .site-footer,
    .site-wrapper > footer,
    .site-footer {
        width: 100% !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    body > .site-footer {
        width: calc(100% - 32px) !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}