/**
 * Styles for the WordPress post/page editor.
 * Ensures a visual match between back- and front-end.
 */

/*--------------------------------------------------------------
# Adjustments for the editor
--------------------------------------------------------------*/
.wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default {
	background: var(--global-palette9);
	border-color: var(--global-gray-400);
	.recipe-card-ingredients {
		background: var(--global-palette7);
		color: var(--global-palette5);
	}
	.ingredients-title {
		color: var(--global-palette3);
	}
	.ingredients-list>li {
		border-bottom-color: var(--global-gray-400);
		.tick-circle {
			border-color: var(--global-gray-400);
		}
	}
	.notes-title {
		color: var(--global-palette3);
	}
	.recipe-card-notes .recipe-card-notes-list>li {
		background: var(--global-palette7);
		color: var(--global-palette5);
		&::before {
			background: var(--global-palette3);
			color: var(--global-palette9);
		}
	}
	.directions-title {
		color: var(--global-palette3);
	}
	.directions-list>li::before {
		color: var(--global-palette3);
	}
	.recipe-card-heading {
		.recipe-card-course, .recipe-card-cuisine, .recipe-card-difficulty {
			color: var(--global-palette6);
			mark {
				color: var(--global-palette3);
			}
		}
		.recipe-card-author {
			color: var(--global-palette5);
			border-color: var(--global-gray-400);
		}
		span:not(.recipe-card-author)+span:not(.recipe-card-author):before {
			color: var(--global-palette6);
		}
	}
	.details-items {
		border-color: var(--global-gray-400);
		.detail-item {
			border-color: var(--global-gray-400);
		}
	}
}