/**
 * Block Editor Styles
 * Custom styles for registered block styles
 *
 * @package EGCI_Template
 * @since 1.0.0
 */

/* ============================================
   Button Block Styles
   ============================================ */
.wp-block-button.is-style-primary .wp-block-button__link {
	background-color: var(--egci-primary);
	color: #ffffff;
	border-color: var(--egci-primary);
}

.wp-block-button.is-style-primary .wp-block-button__link:hover,
.wp-block-button.is-style-primary .wp-block-button__link:focus {
	background-color: var(--egci-secondary);
	border-color: var(--egci-secondary);
	color: #ffffff;
}

.wp-block-button.is-style-secondary .wp-block-button__link {
	background-color: var(--egci-secondary);
	color: #ffffff;
	border-color: var(--egci-secondary);
}

.wp-block-button.is-style-secondary .wp-block-button__link:hover,
.wp-block-button.is-style-secondary .wp-block-button__link:focus {
	background-color: var(--egci-primary);
	border-color: var(--egci-primary);
	color: #ffffff;
}

/* ============================================
   Quote Block Style
   ============================================ */
.wp-block-quote.is-style-egci-quote {
	border-left: 4px solid var(--egci-primary);
	padding-left: 1.5rem;
	margin: 2rem 0;
	font-style: italic;
}

.wp-block-quote.is-style-egci-quote cite {
	display: block;
	margin-top: 1rem;
	font-style: normal;
	font-size: 0.875rem;
	color: var(--egci-text-light);
}

/* ============================================
   Separator Block Style
   ============================================ */
.wp-block-separator.is-style-egci-separator {
	border-top: 2px solid var(--egci-primary);
	margin: 2rem 0;
}