/**
 * Art United Block - Frontend Styles
 * 
 * This is a placeholder file for the compiled CSS.
 * In a production environment, you would use a build tool like webpack
 * to compile the SCSS files from the src directory.
 */

/* Block container */
.artunited-content-block {
    margin-bottom: 2rem;
}

.artunited-block-title {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
    font-weight: 600;
}

/* Grid layout */
.artunited-content-block.layout-grid .artunited-galleries-grid,
.artunited-content-block.layout-grid .artunited-events-grid,
.artunited-content-block.layout-grid .artunited-artists-grid {
    display: grid;
    grid-gap: 1.5rem;
}

.artunited-content-block.layout-grid.columns-1 .artunited-galleries-grid,
.artunited-content-block.layout-grid.columns-1 .artunited-events-grid,
.artunited-content-block.layout-grid.columns-1 .artunited-artists-grid {
    grid-template-columns: 1fr;
}

.artunited-content-block.layout-grid.columns-2 .artunited-galleries-grid,
.artunited-content-block.layout-grid.columns-2 .artunited-events-grid,
.artunited-content-block.layout-grid.columns-2 .artunited-artists-grid {
    grid-template-columns: repeat(2, 1fr);
}

.artunited-content-block.layout-grid.columns-3 .artunited-galleries-grid,
.artunited-content-block.layout-grid.columns-3 .artunited-events-grid,
.artunited-content-block.layout-grid.columns-3 .artunited-artists-grid {
    grid-template-columns: repeat(3, 1fr);
}

.artunited-content-block.layout-grid.columns-4 .artunited-galleries-grid,
.artunited-content-block.layout-grid.columns-4 .artunited-events-grid,
.artunited-content-block.layout-grid.columns-4 .artunited-artists-grid {
    grid-template-columns: repeat(4, 1fr);
}

/* List layout */
.artunited-content-block.layout-list .artunited-galleries-list,
.artunited-content-block.layout-list .artunited-events-list,
.artunited-content-block.layout-list .artunited-artists-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .artunited-content-block.layout-grid.columns-3 .artunited-galleries-grid,
    .artunited-content-block.layout-grid.columns-3 .artunited-events-grid,
    .artunited-content-block.layout-grid.columns-3 .artunited-artists-grid,
    .artunited-content-block.layout-grid.columns-4 .artunited-galleries-grid,
    .artunited-content-block.layout-grid.columns-4 .artunited-events-grid,
    .artunited-content-block.layout-grid.columns-4 .artunited-artists-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .artunited-content-block.layout-grid.columns-2 .artunited-galleries-grid,
    .artunited-content-block.layout-grid.columns-2 .artunited-events-grid,
    .artunited-content-block.layout-grid.columns-2 .artunited-artists-grid,
    .artunited-content-block.layout-grid.columns-3 .artunited-galleries-grid,
    .artunited-content-block.layout-grid.columns-3 .artunited-events-grid,
    .artunited-content-block.layout-grid.columns-3 .artunited-artists-grid,
    .artunited-content-block.layout-grid.columns-4 .artunited-galleries-grid,
    .artunited-content-block.layout-grid.columns-4 .artunited-events-grid,
    .artunited-content-block.layout-grid.columns-4 .artunited-artists-grid {
        grid-template-columns: 1fr;
    }
}