/**
 * Core - Cover Block
 */

/* Card Block Style */
body:not(.wp-admin) {
	.wp-block-cover.is-style-cover-card {
		@media screen and (min-width: 782px) {
			min-height: 725px;
		}

		&::before {
			background-color: var(--wp--preset--color--peach);
			bottom: 0;
			content: '';
			display: block;
			height: 0;
			left: 0;
			position: absolute;
			transition: height 0.4s ease-in-out;
			width: 100%;
			z-index: 1;

			@media screen and (min-width: 782px) {
				background-color: var(--wp--preset--color--peach);
			}
		}

		&:hover,
		&:focus {
			&::before {
				height: 0;
				@media screen and (min-width: 782px) {
					height: 100%;
				}
			}

			.card__content {
				@media screen and (min-width: 782px) {
					transform: translateY(0);
				}
			}

			.wp-block-heading {
				@media screen and (min-width: 782px) {
					transform: translateY(0);
				}
			}
		}

		.card__group {
			bottom: 0;
			left: 0;
			overflow: hidden;
			position: absolute;
			right: 0;
			z-index: 3;
		}

		.card__content {
			background-color: var(--wp--preset--color--peach);
			transition: transform 0.4s;
			transform: translateY(0);
			@media screen and (min-width: 782px) {
				transform: translateY(100%);
			}
		}

		.wp-block-heading {
			transform: translateY(0);
			transition: transform 0.4s;
			@media screen and (min-width: 782px) {
				transform: translateY(-100%);
			}
		}
	}
}