/* Separator Block — Framework Enhancements */

/* Fix: wide style explicitly spans full container width */
.wp-block-separator.is-style-wide {
    width: 100% !important;
    max-width: 100% !important;
}

/* Thick: 4px line, full width, full opacity */
.wp-block-separator.is-style-thick {
    border-bottom-width: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
}

/*
 * Gradient: remove hr border entirely, render as a background-image bar.
 * hr supports background-image once border + overflow are cleared.
 */
.wp-block-separator.is-style-gradient {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    height: 2px !important;
    background-image: linear-gradient(
        to right,
        transparent 0%,
        currentColor 30%,
        currentColor 70%,
        transparent 100%
    ) !important;
    background-color: transparent !important;
    color: var(--wp--preset--color--palette-1);
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
}

/*
 * Short: compact brand-colored accent bar — used as a decorative
 * sub-heading divider. Distinct from default narrow gray line.
 */
.wp-block-separator.is-style-short {
    width: 3em !important;
    border-bottom-width: 4px !important;
    border-color: var(--wp--preset--color--palette-1) !important;
    opacity: 1 !important;
}