/**
 * KreoRD WordPress Design & Plugin Lab
 * Recipe taxonomy background-media presentation.
 *
 * Prefix: krd-
 * Version: 1.0.0
 */

.krd-tax-hub-fallback__card.has-background-media {
	background-image:
		linear-gradient(135deg, rgba(20, 27, 22, 0.60), rgba(20, 27, 22, 0.24)),
		var(--krd-tax-hub-card-background-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	isolation: isolate;
}

.krd-tax-hub-fallback__card.has-background-media,
.krd-tax-hub-fallback__card.has-background-media .krd-tax-hub-fallback__link {
	color: #ffffff;
}

.krd-tax-hub-fallback__card.has-background-media .krd-tax-hub-fallback__link {
	display: block;
	height: 100%;
}

.krd-tax-hub-fallback__header.has-taxonomy-background-media {
	position: relative;
	overflow: hidden;
	padding: clamp(28px, 4vw, 52px);
	border-radius: 20px;
	background-image:
		linear-gradient(135deg, rgba(20, 27, 22, 0.74), rgba(20, 27, 22, 0.30)),
		var(--krd-tax-hub-header-background-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
}

.krd-tax-hub-fallback__header.has-taxonomy-background-media .krd-tax-breadcrumbs,
.krd-tax-hub-fallback__header.has-taxonomy-background-media .krd-tax-hub-fallback__eyebrow,
.krd-tax-hub-fallback__header.has-taxonomy-background-media .krd-tax-hub-fallback__title,
.krd-tax-hub-fallback__header.has-taxonomy-background-media .krd-tax-hub-fallback__description {
	color: inherit;
}

.krd-tax-hub-fallback__taxonomy-icon {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 0 16px;
	object-fit: contain;
}

.krd-tax-hub-fallback__taxonomy-icon.is-svg {
	padding: 8px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.16);
}