/**
 * Columns Block Styles
 *
 * CSS for columns blocks and bordered variants.
 * Loaded conditionally when core/columns blocks are present.
 *
 * @package Condor
 */

/* ==========================================================================
   WordPress Block Style Variations
   ========================================================================== */

/* Columns: 3-Column Bordered (with divider lines) */
:root :where(.wp-block-columns.is-style-three-col-bordered > .wp-block-column:nth-child(1)),
:root :where(.wp-block-columns.is-style-three-col-bordered > .wp-block-column:nth-child(2)) {

	@media (min-width: 768px) {
		border-right: 2px solid var(--wp--preset--color--blue);
	}
}

/* Columns: 4-Column Bordered (with divider lines) */
:root :where(.wp-block-columns.is-style-four-col-bordered > .wp-block-column:nth-child(1)),
:root :where(.wp-block-columns.is-style-four-col-bordered > .wp-block-column:nth-child(2)),
:root :where(.wp-block-columns.is-style-four-col-bordered > .wp-block-column:nth-child(3)) {

	@media (min-width: 1024px) {
		border-right: 2px solid var(--wp--preset--color--blue);
	}
}