/*
Minimal Block Library CSS
Essential styles for basic Gutenberg blocks to prevent layout issues
*/

/* Core block alignment */
.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-image {
    margin: 0 0 1em 0;
}

.wp-block-image img {
    height: auto;
    max-width: 100%;
}

/* Basic paragraph and heading spacing */
.wp-block-paragraph {
    margin-bottom: 1em;
}

.wp-block-heading {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

/* Basic list styles */
.wp-block-list {
    margin: 0 0 1em 0;
    padding-left: 2em;
}

/* Basic quote styles */
.wp-block-quote {
    margin: 0 0 1em 0;
    padding: 1em;
    border-left: 4px solid #ddd;
}

/* Basic button styles */
.wp-block-button .wp-block-button__link {
    background: #1582F7;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
}

.wp-block-button .wp-block-button__link:hover {
    background: #773ADC;
}

/* Basic group and column styles */
.wp-block-group {
    margin-bottom: 1em;
}

.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
}

.wp-block-column {
    flex: 1;
    min-width: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .wp-block-columns {
        flex-direction: column;
    }
    
    .alignleft,
    .alignright {
        float: none;
        margin: 0 auto 1em;
        display: block;
    }
}