/**
 * "Flourish" block style for the core Separator block: ❦ between two fine gold rules.
 *
 * Loaded with wp_enqueue_block_style(), so it applies in the block editor as well as on the
 * front end (only on pages that contain a Separator). A colour picked for the separator in the
 * editor recolours the ornament and its rules. The :not() pair matches the weight of Astra's and
 * core's separator rules (100px wide, 0 high, 20px auto margins) so the flourish's own box wins;
 * it has no bottom margin when it is the last thing in its group.
 *
 * Alignment is a single-class rule so a section's own alignment (in main.css) always wins,
 * whichever stylesheet loads first.
 */
.is-style-cq-flourish { justify-content: center; }
.wp-block-separator.is-style-cq-flourish {
	--cq-flourish-line: var(--gold-light, #cba861);
	--cq-flourish-rule: clamp(28px, 6vw, 54px);
	display: flex; align-items: center;
	font-size: .8rem;
}
.wp-block-separator.is-style-cq-flourish:not(.has-text-color) { color: var(--gold, #b3893f); }
.wp-block-separator.is-style-cq-flourish:not(.is-style-wide):not(.is-style-dots) {
	width: auto; max-width: none; height: auto;
	margin: 1rem 0; padding: 0; border: 0; background: none; opacity: 1;
}
.wp-block-separator.is-style-cq-flourish:not(.is-style-wide):not(.is-style-dots):last-child { margin-bottom: 0; }
.wp-block-separator.is-style-cq-flourish.has-background {
	--cq-flourish-line: currentColor;
	background: none !important; /* the chosen colour drives the ornament, not a filled box */
}
.wp-block-separator.is-style-cq-flourish::before {
	content: "\2766";
	padding-inline: calc(var(--cq-flourish-rule) + .6rem);
	background:
		linear-gradient(90deg, transparent, var(--cq-flourish-line)) left center / var(--cq-flourish-rule) 1px no-repeat,
		linear-gradient(90deg, var(--cq-flourish-line), transparent) right center / var(--cq-flourish-rule) 1px no-repeat;
}