/* Layout Desktop (Breakpoints M, L, XL) */
.site-container {
    flex-direction: row;
    flex-wrap: wrap;
}
/*
.site-content, #site-content {
    background-color: var(--color-background);
}

 */

/* Container & Wrapper constraints (Desktop) - Only for container-layout types */
@media (min-width: 1024px) {
    [class*="container-layout-"] .site-container,
    .site-wrapper[class*="container-layout-"] { 
        max-width: 1200px; 
    }

    [class*="full-with-container-"] .site-main > .site-container {
        max-width: 1200px;
    }
}

@media (min-width: 1440px) {
    [class*="container-layout-"] .site-container,
    .site-wrapper[class*="container-layout-"] { 
        max-width: 1440px; 
    }

    [class*="full-with-container-"] .site-main > .site-container {
        max-width: 1440px;
    }
}

/* Slot specific classes (Desktop Sidebar) */
@media (min-width: 1024px) {
    .has-sidebar .main-wrapper {
        flex-direction: row;
    }
    
    .has-sidebar .site-sidebar,
    .has-sidebars .site-sidebar {
        width: 300px;
        flex-shrink: 0;
    }
    
    .has-sidebar .site-main,
    .has-sidebar .site-content,
    .has-sidebars .site-content {
        flex-grow: 1;
    }

    .has-sidebars .main-wrapper {
        flex-direction: row;
    }
}