/* Section Bars Block Styles */
.wp-block-lakesuperior-section-bars {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.wp-block-lakesuperior-section-bars svg {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    color: inherit; /* Allows currentColor to work properly */
}

/* Alignment support */
.wp-block-lakesuperior-section-bars.alignwide {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.wp-block-lakesuperior-section-bars.alignfull {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wp-block-lakesuperior-section-bars svg {
        max-width: 100%;
        height: auto;
    }
}

/* Editor specific styles */
.editor-styles-wrapper .wp-block-lakesuperior-section-bars {
    width: 100%;
    display: block;
}

.editor-styles-wrapper .wp-block-lakesuperior-section-bars svg {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.8; /* Slightly transparent in editor for better visibility */
    color: inherit; /* Ensures currentColor works in editor */
}