/**
 * Hero Cover block styles
 *
 * Gradient overlay + content positioning for wp:cover blocks.
 * Use is-style-content-left (default) or is-style-content-right.
 */

/* Gradient: dark on the left, image reveals right */
.wp-block-cover.is-style-content-left .wp-block-cover__background {
	background: linear-gradient(90deg, var(--wp--preset--color--contrast) 30%, transparent 70%) !important;
}

/* Gradient: dark on the right, image reveals left */
.wp-block-cover.is-style-content-right .wp-block-cover__background {
	background: linear-gradient(270deg, var(--wp--preset--color--contrast) 30%, transparent 70%) !important;
}

/* Flip content alignment for right variant */
.wp-block-cover.is-style-content-right .hero-cover-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin-left: auto !important;
	margin-right: 0 !important;
}