$eps-meta-icon-color: tints(400);
$eps-meta-icon-dark-color: dark-tints(200);
$preview-button-height: spacing(30);
$image-aspect-ratio: var(--card-image-aspect-ratio, #{$ratio-portrait});
$overlay-preview-padding-top: calc(#{$image-aspect-ratio} - #{$preview-button-height});
$aspect-ratio-wide: calc(100% * 0.1235);

:root {
	--eps-meta-icon-color: #{$eps-meta-icon-color};
}

.eps-theme-dark {
	--eps-meta-icon-color: #{$eps-meta-icon-dark-color};
}

.e-site-template {
	&__meta-data {
		margin-inline-start: spacing(10);
		@include text-truncate();
		font-size: type(text, xxs);

		&:last-of-type {
			margin-inline-end: auto;
		}

		&:first-of-type {
			margin-inline-start: spacing(16);
		}

		.#{$eps-prefix}icon {
			margin-inline-end: spacing(5);
			color: var(--eps-meta-icon-color);
			font-size: type(text, sm);
		}
	}

	&__placeholder {
		.#{$eps-prefix}card__image {
			filter: var(--placeholder-filter, none);
		}
	}

	&__overlay-preview {
		padding-top: $overlay-preview-padding-top;
		position: relative;

		&-button {
			font-weight: bold;
			display: flex;
			flex-wrap: wrap;
			height: $preview-button-height;
			width: 100%;
			background-color: var(--card-background-color-hover);
			justify-content: center;
			align-items: center;
			padding-top: spacing(10);
			line-height: spacing(20);
			--button-background-color: var(--card-headline-color);

			&::before {
				content: '';
				position: absolute;
				display: block;
				width: 100%;
				top: 0;
				left: 0;
				padding-top: $overlay-preview-padding-top;
			}

			& > :not(:first-child) {
				margin-inline-start: spacing(5);
			}
		}
	}

	&__edit-btn {
		margin-inline-end: spacing(20);

		.#{$eps-prefix}icon {
			margin-inline-end: spacing(5);
		}
	}

	&__instances {
		.#{$eps-prefix}icon {
			margin-inline-end: spacing(5);
			color: var(--eps-meta-icon-color);
			font-size: type(text, sm)
		}

		&-list {
			@include text-truncate();
		}
	}

	&__edit-conditions {
		margin-inline-start: spacing(16);
		text-decoration: underline;
		font-style: italic;
	}

	&--extended {
		.#{$eps-prefix}card {
			&__figure {
				overflow: auto;
			}

			&__headline {
				flex-grow: 0;
			}
		}
	}

	&--wide {
		--card-image-aspect-ratio: #{$aspect-ratio-wide};
	}
}
{"id":284,"date":"2022-10-24T09:52:24","date_gmt":"2022-10-24T09:52:24","guid":{"rendered":"https:\/\/codoorganics.com\/?post_type=product&#038;p=284"},"modified":"2022-10-24T09:53:39","modified_gmt":"2022-10-24T09:53:39","slug":"5-defenders-organic-mushroom-blend-capsules","status":"publish","type":"product","link":"https:\/\/codoorganics.com\/product\/5-defenders-organic-mushroom-blend-capsules\/","title":{"rendered":"5 Defenders Organic Mushroom Blend Capsules"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"<p><strong>A HIGH QUALITY MUSHROOM BLEND\u00a0CONTAINING 5 ORGANIC MUSHROOMS<\/strong><\/p>\n<ul>\n<li>A blend of organic extracts of Reishi, Shiitake, Maitake, Turkey Tail mushrooms and Chaga<\/li>\n<li>Made from Certified Organic\u00a0mushrooms<\/li>\n<li>Gluten-Free, Non-GMO, Vegan<\/li>\n<li>&gt;20% Beta-glucans<\/li>\n<li>No added starch, mycelium, or grain of any kind<\/li>\n<li>500mg pills, 45 and 100 serving options<\/li>\n<li>Verified\u00a0for quality at accredited 3rd party labs<\/li>\n<\/ul>\n","protected":false},"featured_media":331,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"product_cat":[26],"product_tag":[],"class_list":["post-284","product","type-product","status-publish","has-post-thumbnail","hentry","product_cat-organic-mushroom-extract-capsules"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/product\/284"}],"collection":[{"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/comments?post=284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/media\/331"}],"wp:attachment":[{"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/media?parent=284"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/product_cat?post=284"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/product_tag?post=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}