/* Homepage Layout Styles */

/* Layout homepage con sidebar destra */
.mg2025-homepage-layout {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 0;
    min-height: calc(100vh - 60px);
}

.mg2025-homepage-main {
    width: 100%;
    padding: 0;
    margin: 0;
}

.mg2025-homepage-layout > .mg2025-sidebar-right {
    background: var(--color-background-secondary, #111);
    padding: 20px;
    border-left: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
    overflow-y: auto;
    position: sticky;
    top: 60px;
    height: calc(100vh - 60px);
}

/* Full page layout */
.mg2025-full-page-layout {
    width: 100%;
    padding: 0;
    margin: 0;
}

.mg2025-full-page-layout section {
    padding: 0;
    margin: 0;
    width: 100%;
}

.mg2025-full-page-layout .mg_masonry_a {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Responsive: su mobile la sidebar va sotto */
@media (max-width: 991.98px) {
    .mg2025-homepage-layout {
        display: flex;
        flex-direction: column;
        grid-template-columns: none;
    }
    
    .mg2025-homepage-layout > .mg2025-main {
        order: 1;
        width: 100%;
    }
    
    .mg2025-homepage-layout > .mg2025-sidebar-right {
        order: 2;
        position: static;
        height: auto;
        border-left: 0;
        border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
    }
}