/**
 * KreoRD WordPress Design & Plugin Lab
 * Frontend UI components and layout system.
 *
 * Prefix: krd-
 * Version: 1.0.0
 */

.krd-rab-block,
.krd-rab-block *,
.krd-rab-block *::before,
.krd-rab-block *::after {
	box-sizing: border-box;
}

.krd-rab-block {
	min-width: 0;
}

.krd-rab-editor-preview {
	min-height: 48px;
}

.krd-rab-editor-preview__empty,
.krd-rab-editor-empty,
.krd-rab-notice {
	padding: 14px;
	border: 1px dashed rgba(30, 34, 40, .24);
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.5;
}

.krd-rab-editor-empty p,
.krd-rab-notice p {
	margin: 0;
}

/* Breadcrumbs */

.krd-rab-breadcrumbs__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	align-items: center;
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
}

.krd-rab-breadcrumbs__link,
.krd-rab-breadcrumbs__current {
	color: inherit;
	text-decoration: none;
}

.krd-rab-breadcrumbs__link:hover,
.krd-rab-breadcrumbs__link:focus-visible {
	text-decoration: underline;
}

.krd-rab-breadcrumbs__separator {
	opacity: .5;
}

/* Archive title */

.krd-rab-title__heading {
	margin: 0;
	font-size: clamp(34px, 5vw, 62px);
	line-height: 1.04;
	letter-spacing: -.035em;
}

/* Archive description */

.krd-rab-description__content {
	max-width: 760px;
	font-size: 17px;
	line-height: 1.65;
}

.krd-rab-description__content > :first-child {
	margin-top: 0;
}

.krd-rab-description__content > :last-child {
	margin-bottom: 0;
}

/* Archive image */

.krd-rab-image {
	margin: 0;
	overflow: hidden;
}

.krd-rab-image__link {
	display: block;
	height: 100%;
	color: inherit;
}

.krd-rab-image__media {
	display: block;
	width: 100%;
	height: auto;
}

.krd-rab-image.is-ratio-square .krd-rab-image__link,
.krd-rab-image.is-ratio-landscape .krd-rab-image__link,
.krd-rab-image.is-ratio-portrait .krd-rab-image__link {
	position: relative;
}

.krd-rab-image.is-ratio-square .krd-rab-image__link,
.krd-rab-image.is-ratio-square .krd-rab-image__media {
	aspect-ratio: 1 / 1;
}

.krd-rab-image.is-ratio-landscape .krd-rab-image__link,
.krd-rab-image.is-ratio-landscape .krd-rab-image__media {
	aspect-ratio: 16 / 10;
}

.krd-rab-image.is-ratio-portrait .krd-rab-image__link,
.krd-rab-image.is-ratio-portrait .krd-rab-image__media {
	aspect-ratio: 4 / 5;
}

.krd-rab-image.is-ratio-square .krd-rab-image__media,
.krd-rab-image.is-ratio-landscape .krd-rab-image__media,
.krd-rab-image.is-ratio-portrait .krd-rab-image__media {
	height: 100%;
	object-fit: cover;
}

/* Archive recipe count */

.krd-rab-count {
	display: inline-flex;
	gap: 8px;
	align-items: baseline;
}

.krd-rab-count__number {
	font-size: clamp(30px, 4vw, 48px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.04em;
}

.krd-rab-count__label {
	font-size: 14px;
	line-height: 1.4;
	opacity: .7;
}


.krd-rab-image__media.is-svg {
	padding: clamp(10px, 3vw, 28px);
	background: rgba(30, 34, 40, .04);
	object-fit: contain;
}

/* Archive sorting */

.krd-rab-sort {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.krd-rab-sort__label {
	font-size: 14px;
	line-height: 1.4;
	opacity: .72;
}

.krd-rab-sort__links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.krd-rab-sort__link {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 6px 11px;
	border-radius: 999px;
	color: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease;
}

.krd-rab-sort__link:hover,
.krd-rab-sort__link:focus-visible,
.krd-rab-sort__link.is-active {
	background: rgba(30, 34, 40, .1);
}

/* Archive posts and pagination */

/*
 * Recipe Archive Posts has card-level design controls. The reset protects
 * existing templates that previously stored a Gutenberg native border on the
 * outer posts block before that support was removed.
 */
.krd-rab-posts {
	border: 0 !important;
	border-radius: 0 !important;
}

.krd-rab-posts__grid {
	display: grid;
	grid-template-columns: repeat(var(--krd-rab-posts-columns, 3), minmax(0, 1fr));
	gap: 24px;
}

.krd-rab-posts__grid .krd-recipe-card,
.krd-rab-posts__card {
	min-width: 0;
}

.krd-rab-posts__pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 34px;
}

.krd-rab-posts__pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	min-height: 38px;
	padding: 5px 9px;
	border-radius: 9px;
	color: inherit;
	text-decoration: none;
}

.krd-rab-posts__pagination .page-numbers.current,
.krd-rab-posts__pagination .page-numbers:hover,
.krd-rab-posts__pagination .page-numbers:focus-visible {
	background: rgba(30, 34, 40, .1);
}

.krd-rab-posts__empty {
	padding: 28px;
	border: 1px dashed rgba(30, 34, 40, .22);
	border-radius: 14px;
	text-align: center;
}

.krd-rab-posts__empty p {
	margin: 8px 0 0;
}

.krd-rab-posts__empty-icon {
	font-size: 40px;
	line-height: 1;
}

/* Archive recipe-card design controls */

.krd-rab-posts.has-card-grid-gap .krd-rab-posts__grid {
	gap: var(--krd-rab-card-grid-gap);
}

/*
 * Color controls are intentionally scoped to the archive-posts block.
 * !important is used only here because the shared recipe card may be loaded
 * from a theme stylesheet after this block stylesheet and otherwise overwrite
 * a user-selected archive-specific color.
 */
/* Card surface values are resolved by the shared three-design variable system below. */

.krd-rab-posts.has-card-radius .krd-recipe-card {
	overflow: hidden;
	border-radius: var(--krd-rab-card-radius);
}

/*
 * These controls apply only to the <article> of every recipe card.
 * The current Gutenberg block selection outline is deliberately not styled
 * here: it is an editor-only indicator and never appears on the public site.
 */
.krd-rab-posts.has-card-border-width .krd-recipe-card {
	border-style: solid !important;
	border-width: var(--krd-rab-card-border-width) !important;
	border-color: var(--krd-rab-card-border, currentColor) !important;
}

.krd-rab-posts.has-card-background-color .krd-recipe-card {
	background: var(--krd-rab-card-background) !important;
	background-color: var(--krd-rab-card-background) !important;
}

.krd-rab-posts.has-card-text-color .krd-recipe-card,
.krd-rab-posts.has-card-text-color .krd-recipe-card__body,
.krd-rab-posts.has-card-text-color .krd-recipe-card__excerpt,
.krd-rab-posts.has-card-text-color .krd-recipe-card__placeholder {
	color: var(--krd-rab-card-text) !important;
}

.krd-rab-posts.has-card-text-color:not(.has-card-title-color) .krd-recipe-card__title,
.krd-rab-posts.has-card-text-color:not(.has-card-title-color) .krd-recipe-card__title a {
	color: var(--krd-rab-card-text) !important;
}

.krd-rab-posts.has-card-text-color:not(.has-card-accent-color) .krd-recipe-card__category,
.krd-rab-posts.has-card-text-color:not(.has-card-accent-color) .krd-recipe-card__category a {
	color: var(--krd-rab-card-text) !important;
}

.krd-rab-posts.has-card-title-color .krd-recipe-card__title,
.krd-rab-posts.has-card-title-color .krd-recipe-card__title a {
	color: var(--krd-rab-card-title) !important;
}

.krd-rab-posts.has-card-meta-color .krd-recipe-card__bridge,
.krd-rab-posts.has-card-meta-color .krd-recipe-card__bridge-item,
.krd-rab-posts.has-card-meta-color .krd-recipe-card__bridge-value,
.krd-rab-posts.has-card-meta-color .krd-recipe-card__bridge-count,
.krd-rab-posts.has-card-meta-color .krd-recipe-card__bridge-icon {
	color: var(--krd-rab-card-meta) !important;
}

.krd-rab-posts.has-card-accent-color .krd-recipe-card__category,
.krd-rab-posts.has-card-accent-color .krd-recipe-card__category a,
.krd-rab-posts.has-card-accent-color .krd-recipe-card__bridge-icon--rating {
	color: var(--krd-rab-card-accent) !important;
}

.krd-rab-posts.has-card-border-color .krd-recipe-card {
	border-color: var(--krd-rab-card-border) !important;
}

.krd-rab-posts.has-card-title-size .krd-recipe-card__title {
	font-size: var(--krd-rab-card-title-size);
}

.krd-rab-posts.has-card-title-weight .krd-recipe-card__title {
	font-weight: var(--krd-rab-card-title-weight);
}

.krd-rab-posts.has-card-excerpt-size .krd-recipe-card__excerpt {
	font-size: var(--krd-rab-card-excerpt-size);
}

.krd-rab-posts.has-card-meta-size .krd-recipe-card__bridge,
.krd-rab-posts.has-card-meta-size .krd-recipe-card__bridge-value,
.krd-rab-posts.has-card-meta-size .krd-recipe-card__bridge-count {
	font-size: var(--krd-rab-card-meta-size);
}

.krd-rab-posts.has-card-body-padding .krd-recipe-card__body {
	padding: var(--krd-rab-card-body-padding);
}

.krd-rab-posts .krd-recipe-card__category {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.25;
	text-transform: uppercase;
}

.krd-rab-posts .krd-recipe-card__category,
.krd-rab-posts .krd-recipe-card__category a {
	color: var(--krd-rab-card-accent, currentColor);
	text-decoration: none;
}

.krd-rab-posts .krd-recipe-card__category a:hover,
.krd-rab-posts .krd-recipe-card__category a:focus-visible {
	text-decoration: underline;
}

/* Media ratio and image fitting. The inherited option leaves shared card CSS untouched. */

.krd-rab-posts--ratio-square .krd-recipe-card__media,
.krd-rab-posts--ratio-landscape .krd-recipe-card__media,
.krd-rab-posts--ratio-wide .krd-recipe-card__media,
.krd-rab-posts--ratio-portrait .krd-recipe-card__media {
	display: block;
	overflow: hidden;
}

.krd-rab-posts--ratio-square .krd-recipe-card__media {
	aspect-ratio: 1 / 1;
}

.krd-rab-posts--ratio-landscape .krd-recipe-card__media {
	aspect-ratio: 4 / 3;
}

.krd-rab-posts--ratio-wide .krd-recipe-card__media {
	aspect-ratio: 16 / 10;
}

.krd-rab-posts--ratio-portrait .krd-recipe-card__media {
	aspect-ratio: 4 / 5;
}

.krd-rab-posts--ratio-square .krd-recipe-card__image,
.krd-rab-posts--ratio-landscape .krd-recipe-card__image,
.krd-rab-posts--ratio-wide .krd-recipe-card__image,
.krd-rab-posts--ratio-portrait .krd-recipe-card__image {
	display: block;
	width: 100%;
	height: 100%;
}

.krd-rab-posts--fit-cover .krd-recipe-card__image {
	object-fit: cover;
}

.krd-rab-posts--fit-contain .krd-recipe-card__media {
	background: rgba(30, 34, 40, .05);
}

.krd-rab-posts--fit-contain .krd-recipe-card__image {
	object-fit: contain;
}

/* Text and recipe-details presentation. */

.krd-rab-posts--align-center .krd-recipe-card__body {
	text-align: center;
}

.krd-rab-posts--align-center .krd-recipe-card__bridge {
	justify-content: center;
}

.krd-rab-posts .krd-recipe-card__bridge {
	display: flex;
	flex-wrap: wrap;
	gap: var(--krd-rab-meta-gap, 10px);
	align-items: center;
	color: inherit;
}

.krd-rab-posts .krd-recipe-card__bridge-item {
	position: relative;
	display: inline-flex;
	gap: 5px;
	align-items: center;
	min-width: 0;
}

.krd-rab-posts .krd-recipe-card__bridge-icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: var(--krd-rab-meta-icon-size, 15px);
	height: var(--krd-rab-meta-icon-size, 15px);
	font-size: var(--krd-rab-meta-icon-size, 15px);
	line-height: 1;
}

.krd-rab-posts .krd-recipe-card__bridge-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.krd-rab-posts .krd-recipe-card__bridge-label {
	font-size: .88em;
	font-weight: 600;
	opacity: .7;
}

.krd-rab-posts .krd-recipe-card__bridge-count {
	opacity: .72;
}

.krd-rab-posts--meta-align-left .krd-recipe-card__bridge,
.krd-rab-posts .krd-recipe-card__bridge--align-left {
	justify-content: flex-start;
}

.krd-rab-posts--meta-align-center .krd-recipe-card__bridge,
.krd-rab-posts .krd-recipe-card__bridge--align-center {
	justify-content: center;
}

.krd-rab-posts--meta-align-space-between .krd-recipe-card__bridge,
.krd-rab-posts .krd-recipe-card__bridge--align-space-between {
	justify-content: space-between;
}

.krd-rab-posts--meta-align-equal-columns .krd-recipe-card__bridge,
.krd-rab-posts .krd-recipe-card__bridge--align-equal-columns {
	flex-wrap: nowrap;
	justify-content: stretch;
}

.krd-rab-posts--meta-align-equal-columns .krd-recipe-card__bridge-item,
.krd-rab-posts .krd-recipe-card__bridge--align-equal-columns .krd-recipe-card__bridge-item {
	flex: 1 1 0;
	justify-content: center;
}

.krd-rab-posts--meta-inline .krd-recipe-card__bridge--position-inline {
	margin: 12px 0;
}

/* Whole-section meta styles: inline row, separators and bottom panel. */
.krd-rab-posts--meta-panel .krd-recipe-card__bridge {
	padding: var(--krd-rab-meta-padding-vertical, 12px) var(--krd-rab-meta-padding-horizontal, 14px);
	border: var(--krd-rab-meta-border-width, 1px) solid var(--krd-rab-meta-border, rgba(30, 34, 40, .10));
	border-radius: var(--krd-rab-meta-radius, 16px);
	background: var(--krd-rab-meta-background, rgba(30, 34, 40, .035));
}

.krd-rab-posts.has-meta-background-color:not(.krd-rab-posts--meta-pills) .krd-recipe-card__bridge {
	background-color: var(--krd-rab-meta-background) !important;
}

.krd-rab-posts.has-meta-border-width:not(.krd-rab-posts--meta-pills) .krd-recipe-card__bridge {
	border-style: solid !important;
	border-width: var(--krd-rab-meta-border-width) !important;
}

.krd-rab-posts.has-meta-border-color:not(.krd-rab-posts--meta-pills) .krd-recipe-card__bridge {
	border-color: var(--krd-rab-meta-border) !important;
}

.krd-rab-posts.has-meta-radius:not(.krd-rab-posts--meta-pills) .krd-recipe-card__bridge {
	border-radius: var(--krd-rab-meta-radius) !important;
}

.krd-rab-posts.has-meta-padding-vertical:not(.krd-rab-posts--meta-pills) .krd-recipe-card__bridge {
	padding-top: var(--krd-rab-meta-padding-vertical) !important;
	padding-bottom: var(--krd-rab-meta-padding-vertical) !important;
}

.krd-rab-posts.has-meta-padding-horizontal:not(.krd-rab-posts--meta-pills) .krd-recipe-card__bridge {
	padding-right: var(--krd-rab-meta-padding-horizontal) !important;
	padding-left: var(--krd-rab-meta-padding-horizontal) !important;
}

.krd-rab-posts.has-meta-separators:not(.krd-rab-posts--meta-pills) .krd-recipe-card__bridge-item + .krd-recipe-card__bridge-item::before {
	position: absolute;
	top: 50%;
	left: -6px;
	width: 1px;
	height: 1.25em;
	background: var(--krd-rab-meta-separator, currentColor);
	content: "";
	opacity: .32;
	transform: translateY(-50%);
}

/* Pills apply their surface settings to each individual recipe detail. */
.krd-rab-posts--meta-pills .krd-recipe-card__bridge {
	display: flex;
	flex-wrap: wrap;
	gap: var(--krd-rab-meta-gap, 7px);
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.krd-rab-posts--meta-pills .krd-recipe-card__bridge-item {
	display: inline-flex;
	gap: 5px;
	align-items: center;
	min-height: 28px;
	padding: var(--krd-rab-meta-padding-vertical, 4px) var(--krd-rab-meta-padding-horizontal, 8px);
	border: var(--krd-rab-meta-border-width, 1px) solid var(--krd-rab-meta-border, currentColor);
	border-radius: var(--krd-rab-meta-radius, 999px);
	background: var(--krd-rab-meta-background, transparent);
	opacity: .9;
}

.krd-rab-posts--meta-pills.has-meta-background-color .krd-recipe-card__bridge-item {
	background-color: var(--krd-rab-meta-background) !important;
}

.krd-rab-posts--meta-pills.has-meta-border-width .krd-recipe-card__bridge-item {
	border-style: solid !important;
	border-width: var(--krd-rab-meta-border-width) !important;
}

.krd-rab-posts--meta-pills.has-meta-border-color .krd-recipe-card__bridge-item {
	border-color: var(--krd-rab-meta-border) !important;
}

.krd-rab-posts--meta-pills.has-meta-radius .krd-recipe-card__bridge-item {
	border-radius: var(--krd-rab-meta-radius) !important;
}

.krd-rab-posts--meta-pills.has-meta-padding-vertical .krd-recipe-card__bridge-item {
	padding-top: var(--krd-rab-meta-padding-vertical) !important;
	padding-bottom: var(--krd-rab-meta-padding-vertical) !important;
}

.krd-rab-posts--meta-pills.has-meta-padding-horizontal .krd-recipe-card__bridge-item {
	padding-right: var(--krd-rab-meta-padding-horizontal) !important;
	padding-left: var(--krd-rab-meta-padding-horizontal) !important;
}

.krd-rab-posts--meta-rating-neutral .krd-recipe-card__bridge-icon--rating {
	color: inherit !important;
}

/* New meta positions use markup order rather than absolute offsets. */
.krd-rab-posts .krd-recipe-card--meta-position-pinned-bottom {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.krd-rab-posts .krd-recipe-card--meta-position-pinned-bottom .krd-recipe-card__body {
	flex: 1 1 auto;
}

.krd-rab-posts .krd-recipe-card--meta-position-pinned-bottom .krd-recipe-card__bridge {
	margin-top: auto;
}

.krd-rab-posts .krd-recipe-card--meta-position-below-content .krd-recipe-card__bridge,
.krd-rab-posts .krd-recipe-card--meta-position-pinned-bottom .krd-recipe-card__bridge {
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
}

.krd-rab-posts.has-card-body-padding .krd-recipe-card--meta-position-below-content .krd-recipe-card__bridge,
.krd-rab-posts.has-card-body-padding .krd-recipe-card--meta-position-pinned-bottom .krd-recipe-card__bridge {
	margin-right: var(--krd-rab-card-body-padding);
	margin-bottom: var(--krd-rab-card-body-padding);
	margin-left: var(--krd-rab-card-body-padding);
}

@media (max-width: 520px) {
	.krd-rab-posts--meta-align-equal-columns .krd-recipe-card__bridge,
	.krd-rab-posts .krd-recipe-card__bridge--align-equal-columns {
		flex-wrap: wrap;
	}

	.krd-rab-posts--meta-align-equal-columns .krd-recipe-card__bridge-item,
	.krd-rab-posts .krd-recipe-card__bridge--align-equal-columns .krd-recipe-card__bridge-item {
		flex-basis: auto;
	}
}

/*
 * Archive card shadow presets. The PHP renderer also sends the resolved
 * value inline so these styles remain a readable fallback and preview aid.
 */
.krd-rab-posts.has-card-shadow .krd-recipe-card {
	box-shadow: var(--krd-rab-card-shadow) !important;
}

.krd-rab-posts--shadow-none .krd-recipe-card {
	box-shadow: none !important;
}

.krd-rab-posts--shadow-soft .krd-recipe-card {
	box-shadow: 0 10px 26px 0 color-mix(in srgb, var(--krd-rab-card-shadow-color, rgb(30 34 40)) 10%, transparent) !important;
}

.krd-rab-posts--shadow-medium .krd-recipe-card {
	box-shadow: 0 16px 36px 0 color-mix(in srgb, var(--krd-rab-card-shadow-color, rgb(30 34 40)) 14%, transparent) !important;
}

.krd-rab-posts--shadow-strong .krd-recipe-card {
	box-shadow: 0 24px 56px -4px color-mix(in srgb, var(--krd-rab-card-shadow-color, rgb(30 34 40)) 20%, transparent) !important;
}

/* Archive card typography
 *
 * Each role inherits KreoRD global typography by default. The variables are
 * overridden only when a block editor selects a custom Google Font.
 */
.krd-rab-posts .krd-recipe-card__title,
.krd-rab-posts .krd-recipe-card__title a {
	font-family: var(--krd-rab-card-title-font-family, var(--krd-card-title-font-family, var(--krd-font-heading, inherit))) !important;
}

.krd-rab-posts .krd-recipe-card__excerpt {
	font-family: var(--krd-rab-card-excerpt-font-family, var(--krd-body-font-family, var(--krd-font-body, inherit))) !important;
}

.krd-rab-posts .krd-recipe-card__bridge,
.krd-rab-posts .krd-recipe-card__bridge-item,
.krd-rab-posts .krd-recipe-card__bridge-value,
.krd-rab-posts .krd-recipe-card__bridge-count,
.krd-rab-posts .krd-recipe-card__bridge-label,
.krd-rab-posts .krd-recipe-card__category,
.krd-rab-posts .krd-recipe-card__category a {
	font-family: var(--krd-rab-card-meta-font-family, var(--krd-meta-font-family, var(--krd-font-body, inherit))) !important;
}

.krd-rab-posts.has-card-title-line-height .krd-recipe-card__title {
	line-height: var(--krd-rab-card-title-line-height) !important;
}

.krd-rab-posts.has-card-excerpt-weight .krd-recipe-card__excerpt {
	font-weight: var(--krd-rab-card-excerpt-weight) !important;
}

.krd-rab-posts.has-card-excerpt-line-height .krd-recipe-card__excerpt {
	line-height: var(--krd-rab-card-excerpt-line-height) !important;
}

.krd-rab-posts.has-card-meta-weight .krd-recipe-card__bridge,
.krd-rab-posts.has-card-meta-weight .krd-recipe-card__bridge-item,
.krd-rab-posts.has-card-meta-weight .krd-recipe-card__bridge-value,
.krd-rab-posts.has-card-meta-weight .krd-recipe-card__bridge-count,
.krd-rab-posts.has-card-meta-weight .krd-recipe-card__category,
.krd-rab-posts.has-card-meta-weight .krd-recipe-card__category a {
	font-weight: var(--krd-rab-card-meta-weight) !important;
}

.krd-rab-posts.has-card-meta-line-height .krd-recipe-card__bridge,
.krd-rab-posts.has-card-meta-line-height .krd-recipe-card__bridge-item,
.krd-rab-posts.has-card-meta-line-height .krd-recipe-card__bridge-value,
.krd-rab-posts.has-card-meta-line-height .krd-recipe-card__bridge-count,
.krd-rab-posts.has-card-meta-line-height .krd-recipe-card__category,
.krd-rab-posts.has-card-meta-line-height .krd-recipe-card__category a {
	line-height: var(--krd-rab-card-meta-line-height) !important;
}

/* Editor-only controls. */

/* Inspector colour controls. Kept outside .editor-styles-wrapper because
 * Gutenberg renders the sidebar outside that wrapper in several WP versions. */
.krd-rab-editor-color-control {
	display: block;
	margin: 4px 0;
	padding: 4px 0;
	border-bottom: 1px solid rgba(30, 34, 40, .08);
}

.krd-rab-editor-color-control:last-child {
	border-bottom: 0;
}

.krd-rab-editor-color-control__row {
	display: flex;
	gap: 12px;
	align-items: center;
	min-height: 40px;
}

.krd-rab-editor-color-control__label {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
}

.krd-rab-editor-color-control__actions {
	display: flex;
	flex: 0 0 auto;
	gap: 8px;
	align-items: center;
	justify-content: flex-end;
}

.krd-rab-editor-color-control__swatch {
	position: relative;
	display: inline-grid;
	place-items: center;
	width: 30px;
	min-width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgba(30, 34, 40, .20);
	border-radius: 50%;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
	transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.krd-rab-editor-color-control__swatch.is-unset {
	background:
		linear-gradient(135deg, transparent 46%, rgba(30, 34, 40, .36) 47%, rgba(30, 34, 40, .36) 53%, transparent 54%),
		linear-gradient(45deg, rgba(30, 34, 40, .06) 25%, transparent 25%, transparent 75%, rgba(30, 34, 40, .06) 75%),
		linear-gradient(45deg, rgba(30, 34, 40, .06) 25%, transparent 25%, transparent 75%, rgba(30, 34, 40, .06) 75%);
	background-position: 0 0, 0 0, 5px 5px;
	background-size: auto, 10px 10px, 10px 10px;
}

.krd-rab-editor-color-control__swatch-value {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.krd-rab-editor-color-control.is-open .krd-rab-editor-color-control__swatch,
.krd-rab-editor-color-control__swatch:hover,
.krd-rab-editor-color-control__swatch:focus-visible {
	border-color: var(--wp-admin-theme-color, #2271b1);
	box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #2271b1);
	outline: none;
	transform: scale(1.03);
}

.krd-rab-editor-color-control__reset {
	min-width: 46px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	font-size: 11px !important;
}

.krd-rab-editor-color-control__reset:disabled {
	pointer-events: none;
	opacity: .32;
	cursor: not-allowed;
}

/* The picker expands in normal inspector flow and never overlaps controls. */
.krd-rab-editor-color-panel {
	position: static;
	width: 100%;
	max-width: none;
	margin: 8px 0 4px;
	padding: 12px;
	border: 1px solid rgba(30, 34, 40, .16);
	border-radius: 10px;
	background: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.krd-rab-editor-color-panel__head {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 10px;
}

.krd-rab-editor-color-panel__title {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.krd-rab-editor-color-panel__close {
	display: inline-grid;
	place-items: center;
	width: 24px;
	height: 24px;
	margin: -3px -3px -3px 0;
	padding: 0;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: rgba(30, 34, 40, .7);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.krd-rab-editor-color-panel__close:hover,
.krd-rab-editor-color-panel__close:focus-visible {
	background: rgba(30, 34, 40, .07);
	color: #1e2228;
	outline: none;
}

.krd-rab-editor-color-panel__fields {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 10px;
	align-items: end;
}

.krd-rab-editor-color-panel__native,
.krd-rab-editor-color-panel__hex {
	display: grid;
	gap: 5px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .02em;
	line-height: 1.2;
	text-transform: uppercase;
}

.krd-rab-editor-color-panel__native input[type="color"] {
	display: block;
	width: 48px;
	height: 34px;
	padding: 2px;
	border: 1px solid rgba(30, 34, 40, .20);
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
}

.krd-rab-editor-color-panel__hex input {
	width: 100%;
	height: 34px;
	padding: 0 9px;
	border: 1px solid rgba(30, 34, 40, .20);
	border-radius: 6px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	line-height: 32px;
}

.krd-rab-editor-color-panel__alpha {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-column: 1 / -1;
	gap: 8px;
	align-items: center;
	margin-top: 2px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .02em;
	line-height: 1.2;
	text-transform: uppercase;
}

.krd-rab-editor-color-panel__alpha input[type="range"] {
	width: 100%;
	margin: 0;
}

.krd-rab-editor-color-panel__alpha-value {
	min-width: 32px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	text-align: right;
}

.krd-rab-editor-color-panel__presets {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid rgba(30, 34, 40, .10);
}

.krd-rab-editor-color-panel__preset {
	width: 22px;
	height: 22px;
	padding: 0;
	border: 1px solid rgba(30, 34, 40, .18);
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .36);
	cursor: pointer;
	transition: transform 140ms ease, box-shadow 140ms ease;
}

.krd-rab-editor-color-panel__preset:hover,
.krd-rab-editor-color-panel__preset:focus-visible {
	box-shadow: 0 0 0 2px var(--wp-admin-theme-color, #2271b1);
	outline: none;
	transform: scale(1.08);
}

.editor-styles-wrapper .krd-rab-editor-control-group {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid rgba(30, 34, 40, .10);
}

/* Archive card typography controls in the block inspector. */
.editor-styles-wrapper .krd-rab-editor-typography-group {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid rgba(30, 34, 40, .10);
}

.editor-styles-wrapper .krd-rab-editor-typography-group:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.editor-styles-wrapper .krd-rab-editor-typography-group__label {
	display: block;
	margin-bottom: 14px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.editor-styles-wrapper .krd-rab-editor-font-control {
	margin-bottom: 16px;
}

.editor-styles-wrapper .krd-rab-editor-font-preview {
	margin-top: 10px;
	padding: 10px 12px;
	border: 1px solid rgba(30, 34, 40, .12);
	border-radius: 8px;
	background: rgba(30, 34, 40, .03);
	font-size: 15px;
	line-height: 1.4;
}


.editor-styles-wrapper .krd-rab-editor-media-picker {
	display: grid;
	gap: 10px;
	margin: 12px 0 16px;
}

.editor-styles-wrapper .krd-rab-editor-media-picker__selected {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 8px;
	border: 1px solid rgba(30, 34, 40, .12);
	border-radius: 8px;
	background: rgba(30, 34, 40, .025);
}

.editor-styles-wrapper .krd-rab-editor-media-picker__preview {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 7px;
	background: rgba(30, 34, 40, .06);
}

.editor-styles-wrapper .krd-rab-editor-media-picker__preview img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.editor-styles-wrapper .krd-rab-editor-media-picker__label {
	overflow: hidden;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Legacy layout compatibility */

.krd-rab-legacy-hero__eyebrow {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.2;
	text-transform: uppercase;
	opacity: .72;
}

.krd-rab-legacy-hero__title {
	margin: 0;
	font-size: clamp(34px, 5vw, 62px);
	line-height: 1.04;
	letter-spacing: -.035em;
}

.krd-rab-legacy-hero__description {
	max-width: 760px;
	margin-top: 18px;
	font-size: 17px;
	line-height: 1.65;
}

.krd-rab-legacy-hero__description > :first-child {
	margin-top: 0;
}

.krd-rab-legacy-hero__description > :last-child {
	margin-bottom: 0;
}

.krd-rab-legacy-hero__count {
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.5;
	opacity: .72;
}

@media (max-width: 1024px) {
	.krd-rab-posts__grid {
		grid-template-columns: repeat(var(--krd-rab-posts-columns-tablet, 2), minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.krd-rab-posts__grid {
		grid-template-columns: repeat(var(--krd-rab-posts-columns-mobile, 1), minmax(0, 1fr));
	}

	.krd-rab-posts.has-horizontal-scroll .krd-rab-posts__grid {
		display: flex;
		overflow-x: auto;
		padding: 2px 2px 10px;
		scroll-snap-type: x proximity;
		scrollbar-width: thin;
	}

	.krd-rab-posts.has-horizontal-scroll .krd-rab-posts__grid > .krd-recipe-card,
	.krd-rab-posts.has-horizontal-scroll .krd-rab-posts__grid > .krd-rab-posts__card {
		flex: 0 0 min(82vw, 320px);
		scroll-snap-align: start;
	}

	.krd-rab-sort {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* KreoRD Taxonomy Showcase
 *
 * Context-free category and taxonomy presentation system. The component is
 * deliberately self-contained so it can be used on /recipes/, landing pages
 * and archive templates without affecting other archive components.
 */
.krd-tss,
.krd-tss *,
.krd-tss *::before,
.krd-tss *::after {
	box-sizing: border-box;
}

.wp-block-kreord-taxonomy-showcase.krd-tss {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.krd-tss {
	--krd-tss-columns: 4;
	--krd-tss-columns-tablet: 2;
	--krd-tss-columns-mobile: 1;
	--krd-tss-gap: 16px;
	--krd-tss-card-border-width: 1px;
	--krd-tss-card-radius: 16px;
	--krd-tss-card-padding: 18px;
	--krd-tss-media-size: 58px;
	--krd-tss-image-media-size: var(--krd-tss-media-size);
	--krd-tss-svg-media-size: 40px;
	--krd-tss-svg-padding: 0px;
	--krd-tss-media-radius: 14%;
	--krd-tss-card-background: rgba(255, 255, 255, .82);
	--krd-tss-card-text: inherit;
	--krd-tss-card-border: rgba(30, 34, 40, .12);
	--krd-tss-card-shadow: 0 8px 22px rgba(30, 34, 40, .045);
	--krd-tss-accent: currentColor;
	--krd-tss-svg-color: var(--krd-tss-accent);
	--krd-tss-svg-hover-color: var(--krd-tss-svg-color);
	--krd-tss-svg-background: color-mix(in srgb, var(--krd-tss-svg-color) 10%, transparent);
	--krd-tss-svg-hover-background: var(--krd-tss-svg-background);
	--krd-tss-title-color: currentColor;
	--krd-tss-description-color: currentColor;
	--krd-tss-count-color: currentColor;
	--krd-tss-hover-background: var(--krd-tss-card-background);
	--krd-tss-hover-border: rgba(30, 34, 40, .30);
	--krd-tss-hover-title-color: var(--krd-tss-title-color);
	--krd-tss-heading-color: inherit;
	--krd-tss-heading-font-family: var(--krd-font-heading, inherit);
	--krd-tss-heading-size: clamp(24px, 3vw, 34px);
	--krd-tss-heading-weight: 700;
	--krd-tss-heading-line-height: 1.12;
	--krd-tss-heading-bottom-spacing: 18px;
	--krd-tss-title-font-family: var(--krd-font-heading, inherit);
	--krd-tss-description-font-family: var(--krd-font-body, inherit);
	--krd-tss-title-size: 18px;
	--krd-tss-description-size: 13px;
	--krd-tss-count-size: 12px;
	--krd-tss-title-weight: 700;
	--krd-tss-description-weight: 400;
	--krd-tss-title-line-height: 1.2;
	--krd-tss-description-line-height: 1.45;
	min-width: 0;
}

/* Section heading values are block-specific and must override theme h2 rules
 * in both the public page and Gutenberg's iframe preview. */
.wp-block-kreord-taxonomy-showcase.krd-tss .krd-tss__header,
.krd-tss .krd-tss__header {
	margin: 0 0 var(--krd-tss-heading-bottom-spacing, 18px) !important;
}

.wp-block-kreord-taxonomy-showcase.krd-tss .krd-tss__heading,
.krd-tss .krd-tss__heading {
	margin: 0 !important;
	color: var(--krd-tss-heading-color, inherit) !important;
	font-family: var(--krd-tss-heading-font-family, var(--krd-font-heading, inherit)) !important;
	font-size: var(--krd-tss-heading-size, clamp(24px, 3vw, 34px)) !important;
	font-weight: var(--krd-tss-heading-weight, 700) !important;
	line-height: var(--krd-tss-heading-line-height, 1.12) !important;
	letter-spacing: -.03em !important;
}

.krd-tss__grid,
.krd-tss__groups {
	display: grid;
	grid-template-columns: repeat(var(--krd-tss-columns), minmax(0, 1fr));
	gap: var(--krd-tss-gap);
	min-width: 0;
}

.krd-tss__item {
	display: grid;
	min-width: 0;
	padding: var(--krd-tss-card-padding);
	border: var(--krd-tss-card-border-width) solid var(--krd-tss-card-border);
	border-radius: var(--krd-tss-card-radius);
	background: var(--krd-tss-card-background);
	box-shadow: var(--krd-tss-card-shadow);
	color: var(--krd-tss-card-text);
	text-decoration: none;
	transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.krd-tss__item:hover,
.krd-tss__item:focus-visible {
	border-color: var(--krd-tss-hover-border);
	background: var(--krd-tss-hover-background);
	box-shadow: 0 14px 30px rgba(30, 34, 40, .11);
	outline: none;
	transform: translateY(-2px);
}

.krd-tss__media,
.krd-tss__group-media,
.krd-tss__child-media {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: var(--krd-tss-image-media-size);
	height: var(--krd-tss-image-media-size);
	overflow: hidden;
	border-radius: var(--krd-tss-media-radius);
	background: color-mix(in srgb, var(--krd-tss-accent) 10%, transparent);
	color: var(--krd-tss-accent);
	transition: background-color 180ms ease, color 180ms ease;
}

.krd-tss__media__image,
.krd-tss__group-media__image,
.krd-tss__child-media__image {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}

.krd-tss__media.is-svg,
.krd-tss__group-media.is-svg,
.krd-tss__child-media.is-svg {
	width: var(--krd-tss-svg-media-size);
	height: var(--krd-tss-svg-media-size);
	padding: var(--krd-tss-svg-padding);
	background: var(--krd-tss-svg-background);
	color: var(--krd-tss-svg-color);
}

.krd-tss__media.is-svg .krd-tss__media__image,
.krd-tss__group-media.is-svg .krd-tss__group-media__image,
.krd-tss__child-media.is-svg .krd-tss__child-media__image {
	object-fit: contain;
}

.krd-tss__media.is-svg .krd-tss__inline-svg,
.krd-tss__group-media.is-svg .krd-tss__inline-svg,
.krd-tss__child-media.is-svg .krd-tss__inline-svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.krd-tss__media__fallback,
.krd-tss__group-media__fallback,
.krd-tss__child-media__fallback {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	font-family: var(--krd-font-heading, inherit);
	font-size: calc(var(--krd-tss-media-size) * .38);
	font-weight: 800;
	line-height: 1;
}

.krd-tss__content {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.krd-tss__title,
.krd-tss__group-title {
	color: var(--krd-tss-title-color);
	font-family: var(--krd-tss-title-font-family);
	font-size: var(--krd-tss-title-size);
	font-weight: var(--krd-tss-title-weight);
	line-height: var(--krd-tss-title-line-height);
}

.krd-tss__description {
	display: -webkit-box;
	overflow: hidden;
	color: var(--krd-tss-description-color);
	font-family: var(--krd-tss-description-font-family);
	font-size: var(--krd-tss-description-size);
	font-weight: var(--krd-tss-description-weight);
	line-height: var(--krd-tss-description-line-height);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	opacity: .74;
}

.krd-tss__count {
	color: var(--krd-tss-count-color);
	font-family: var(--krd-tss-description-font-family);
	font-size: var(--krd-tss-count-size);
	font-weight: 650;
	line-height: 1.2;
	opacity: .68;
}

.krd-tss__arrow {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	align-self: center;
	color: var(--krd-tss-arrow-color, var(--krd-tss-accent));
	font-size: var(--krd-tss-arrow-size, 20px);
	line-height: 1;
	transition: color 180ms ease, transform 180ms ease, opacity 180ms ease;
}

.krd-tss__arrow--preset {
	min-width: 1em;
	min-height: 1em;
}

.krd-tss__arrow--chevron {
	font-size: calc(var(--krd-tss-arrow-size, 20px) * 1.35);
	font-weight: 500;
}

.krd-tss__arrow--media {
	width: var(--krd-tss-arrow-size, 20px);
	height: var(--krd-tss-arrow-size, 20px);
	font-size: 0;
}

.krd-tss__arrow--media .krd-tss__arrow-image,
.krd-tss__arrow--media .krd-tss__inline-svg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.krd-tss__arrow--media.is-svg .krd-tss__inline-svg,
.krd-tss__arrow--media.is-svg .krd-tss__inline-svg * {
	fill: currentColor !important;
	stroke: currentColor !important;
}

.krd-tss__arrow--media.is-svg .krd-tss__inline-svg [fill="none"] {
	fill: none !important;
}

.krd-tss__item:hover .krd-tss__title,
.krd-tss__item:focus-visible .krd-tss__title,
.krd-tss__group-head:hover .krd-tss__group-title,
.krd-tss__group-head:focus-visible .krd-tss__group-title {
	color: var(--krd-tss-hover-title-color);
}

.krd-tss__item:hover .krd-tss__arrow,
.krd-tss__item:focus-visible .krd-tss__arrow,
.krd-tss__group-head:hover .krd-tss__arrow,
.krd-tss__group-head:focus-visible .krd-tss__arrow,
.krd-tss__group-view-all:hover .krd-tss__arrow,
.krd-tss__group-view-all:focus-visible .krd-tss__arrow {
	color: var(--krd-tss-arrow-hover-color, var(--krd-tss-arrow-color, var(--krd-tss-accent)));
	transform: translateX(3px);
}

.krd-tss__item:hover .krd-tss__media.is-svg,
.krd-tss__item:focus-visible .krd-tss__media.is-svg,
.krd-tss__group-head:hover .krd-tss__group-media.is-svg,
.krd-tss__group-head:focus-visible .krd-tss__group-media.is-svg,
.krd-tss__group-child:hover .krd-tss__child-media.is-svg,
.krd-tss__group-child:focus-visible .krd-tss__child-media.is-svg {
	background: var(--krd-tss-svg-hover-background);
	color: var(--krd-tss-svg-hover-color);
}

/* Compact information cards. */
.krd-tss--layout-info-cards .krd-tss__item {
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 13px;
	align-items: center;
}

/* Small icon cards. */
.krd-tss--layout-icon-cards .krd-tss__item {
	grid-template-rows: auto auto;
	gap: 10px;
	justify-items: center;
	min-height: 132px;
	text-align: center;
}

.krd-tss--layout-icon-cards .krd-tss__content {
	justify-items: center;
}

.krd-tss--layout-icon-cards .krd-tss__arrow {
	display: none;
}

/* Image at left, concise content at right. */
.krd-tss--layout-collection-cards .krd-tss__item {
	grid-template-columns: minmax(92px, var(--krd-tss-image-media-size)) minmax(0, 1fr) auto;
	gap: 16px;
	align-items: center;
}

.krd-tss--layout-collection-cards .krd-tss__media {
	width: 100%;
	min-width: var(--krd-tss-image-media-size);
	height: max(92px, var(--krd-tss-image-media-size));
}

.krd-tss--layout-collection-cards .krd-tss__media.is-svg {
	width: var(--krd-tss-svg-media-size);
	min-width: var(--krd-tss-svg-media-size);
	height: var(--krd-tss-svg-media-size);
}


/* Horizontal editorial cards.
 *
 * A compact, image-first category card matching the editorial reference:
 * media occupies the entire left side, while title, description and the
 * recipe-count / arrow metadata form a clear right-side information column.
 * The existing component controls remain reusable because only layout rules
 * change here; typography, colours and spacing still come from KreoRD vars.
 */
.krd-tss--layout-horizontal-editorial .krd-tss__item {
	position: relative;
	display: grid;
	grid-template-columns: minmax(132px, 52%) minmax(0, 48%);
	gap: 0;
	min-height: 136px;
	padding: 0;
	overflow: hidden;
	border-width: var(--krd-tss-card-border-width);
	border-radius: var(--krd-tss-card-radius);
	background: var(--krd-tss-card-background);
	box-shadow: var(--krd-tss-card-shadow);
}

.krd-tss--layout-horizontal-editorial .krd-tss__item:hover,
.krd-tss--layout-horizontal-editorial .krd-tss__item:focus-visible {
	border-color: var(--krd-tss-hover-border);
	background: var(--krd-tss-hover-background);
	box-shadow: var(--krd-tss-card-shadow);
	transform: translateY(-2px);
}

.krd-tss--layout-horizontal-editorial .krd-tss__media {
	grid-row: 1;
	grid-column: 1;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 136px;
	border-radius: 0;
	background: rgba(30, 34, 40, .06);
}

.krd-tss--layout-horizontal-editorial .krd-tss__media__image {
	width: 100%;
	height: 100%;
	border-radius: 0;
	object-fit: cover;
}

.krd-tss--layout-horizontal-editorial .krd-tss__media.is-svg {
	display: grid;
	place-self: center;
	width: min(74px, var(--krd-tss-svg-media-size));
	height: min(74px, var(--krd-tss-svg-media-size));
	min-height: 0;
	margin: 0;
	border-radius: var(--krd-tss-media-radius);
}

.krd-tss--layout-horizontal-editorial .krd-tss__content {
	grid-row: 1;
	grid-column: 2;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
	min-height: 136px;
	padding: var(--krd-tss-card-padding) calc(var(--krd-tss-card-padding) + 22px) var(--krd-tss-card-padding) var(--krd-tss-card-padding);
}

.krd-tss--layout-horizontal-editorial .krd-tss__title {
	display: block;
	width: 100%;
	font-size: var(--krd-tss-title-size);
	line-height: var(--krd-tss-title-line-height);
}

.krd-tss--layout-horizontal-editorial .krd-tss__description {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2;
}

.krd-tss--layout-horizontal-editorial .krd-tss__count {
	display: inline-flex;
	gap: 5px;
	align-items: center;
	margin-top: auto;
	font-size: var(--krd-tss-count-size);
	line-height: 1.2;
}

.krd-tss--layout-horizontal-editorial .krd-tss__count-label {
	white-space: nowrap;
}

.krd-tss--layout-horizontal-editorial .krd-tss__arrow {
	position: absolute;
	right: var(--krd-tss-card-padding);
	bottom: calc(var(--krd-tss-card-padding) + 1px);
	align-self: auto;
	font-size: var(--krd-tss-arrow-size);
}

.krd-tss--layout-horizontal-editorial .krd-tss__item.has-no-media {
	grid-template-columns: minmax(0, 1fr);
}

.krd-tss--layout-horizontal-editorial .krd-tss__item.has-no-media .krd-tss__content {
	grid-column: 1;
}

/* Pills are ideal for quick links and compact filters. */
.krd-tss--layout-pills .krd-tss__grid {
	display: flex;
	flex-wrap: wrap;
	gap: max(8px, calc(var(--krd-tss-gap) * .55));
}

.krd-tss--layout-pills .krd-tss__item {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	min-height: 40px;
	padding: 8px 14px;
	border-radius: 999px;
	box-shadow: none;
}

.krd-tss--layout-pills .krd-tss__media {
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.krd-tss--layout-pills .krd-tss__description,
.krd-tss--layout-pills .krd-tss__arrow {
	display: none;
}

.krd-tss--layout-pills .krd-tss__content {
	display: block;
}

.krd-tss--layout-pills .krd-tss__title {
	font-size: max(13px, min(var(--krd-tss-title-size), 16px));
}

/* Horizontal cuisine navigation with clean separators. */
.krd-tss--layout-cuisine-rail .krd-tss__grid {
	grid-template-columns: repeat(var(--krd-tss-columns), minmax(0, 1fr));
	gap: 0;
	padding: 12px 0;
	border: var(--krd-tss-card-border-width) solid var(--krd-tss-card-border);
	border-radius: var(--krd-tss-card-radius);
	background: var(--krd-tss-card-background);
	box-shadow: var(--krd-tss-card-shadow);
}

.krd-tss--layout-cuisine-rail .krd-tss__item {
	grid-template-rows: auto auto;
	gap: 8px;
	justify-items: center;
	min-height: 82px;
	padding: 8px 12px;
	border: 0;
	border-right: 1px solid var(--krd-tss-card-border);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-align: center;
}

.krd-tss--layout-cuisine-rail .krd-tss__item:last-child {
	border-right: 0;
}

.krd-tss--layout-cuisine-rail .krd-tss__media {
	width: min(42px, var(--krd-tss-image-media-size));
	height: min(42px, var(--krd-tss-image-media-size));
	background: transparent;
}

.krd-tss--layout-cuisine-rail .krd-tss__media.is-svg {
	width: min(42px, var(--krd-tss-svg-media-size));
	height: min(42px, var(--krd-tss-svg-media-size));
	background: transparent;
}

.krd-tss--layout-cuisine-rail .krd-tss__description,
.krd-tss--layout-cuisine-rail .krd-tss__count,
.krd-tss--layout-cuisine-rail .krd-tss__arrow {
	display: none;
}

.krd-tss--layout-cuisine-rail .krd-tss__title {
	font-size: max(12px, min(var(--krd-tss-title-size), 16px));
}

/* Editorial visual cards. */
.krd-tss--layout-visual-cards .krd-tss__item {
	grid-template-rows: auto minmax(0, 1fr) auto;
	gap: 14px;
	padding: 0;
	overflow: hidden;
}

.krd-tss--layout-visual-cards .krd-tss__media {
	width: 100%;
	height: clamp(148px, var(--krd-tss-image-media-size), 360px);
	border-radius: 0;
}

.krd-tss--layout-visual-cards .krd-tss__media.is-svg {
	width: var(--krd-tss-svg-media-size);
	height: var(--krd-tss-svg-media-size);
	margin: var(--krd-tss-card-padding);
	border-radius: var(--krd-tss-media-radius);
}

.krd-tss--layout-visual-cards .krd-tss__content {
	padding: 0 var(--krd-tss-card-padding) var(--krd-tss-card-padding);
}

.krd-tss--layout-visual-cards .krd-tss__arrow {
	position: absolute;
	right: var(--krd-tss-card-padding);
	bottom: var(--krd-tss-card-padding);
}

.krd-tss--layout-visual-cards .krd-tss__item {
	position: relative;
	padding-bottom: calc(var(--krd-tss-card-padding) + 6px);
}

/* Parent groups with selected child categories. */
.krd-tss__group {
	display: grid;
	gap: 16px;
	min-width: 0;
	padding: var(--krd-tss-card-padding);
	border: var(--krd-tss-card-border-width) solid var(--krd-tss-card-border);
	border-radius: var(--krd-tss-card-radius);
	background: var(--krd-tss-card-background);
	box-shadow: var(--krd-tss-card-shadow);
}

.krd-tss__group-head {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	color: var(--krd-tss-card-text);
	text-decoration: none;
}

.krd-tss__group-media {
	width: min(46px, var(--krd-tss-image-media-size));
	height: min(46px, var(--krd-tss-image-media-size));
}

.krd-tss__group-media.is-svg {
	width: min(46px, var(--krd-tss-svg-media-size));
	height: min(46px, var(--krd-tss-svg-media-size));
}

.krd-tss__group-children {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.krd-tss__group-child {
	display: flex;
	gap: 8px;
	align-items: center;
	min-width: 0;
	min-height: 52px;
	padding: 8px 10px;
	border: 1px solid color-mix(in srgb, var(--krd-tss-card-border) 85%, transparent);
	border-radius: min(12px, var(--krd-tss-card-radius));
	color: var(--krd-tss-card-text);
	font-family: var(--krd-tss-description-font-family);
	font-size: 13px;
	font-weight: 650;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color 180ms ease, background-color 180ms ease;
}

.krd-tss__group-child:hover,
.krd-tss__group-child:focus-visible {
	border-color: var(--krd-tss-hover-border);
	background: var(--krd-tss-hover-background);
	outline: none;
}

.krd-tss__child-media {
	width: min(30px, var(--krd-tss-image-media-size));
	height: min(30px, var(--krd-tss-image-media-size));
	border-radius: min(10px, var(--krd-tss-media-radius));
}

.krd-tss__child-media.is-svg {
	width: min(30px, var(--krd-tss-svg-media-size));
	height: min(30px, var(--krd-tss-svg-media-size));
}

.krd-tss__group-child > span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.krd-tss__group-view-all {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	justify-self: start;
	color: var(--krd-tss-accent);
	font-family: var(--krd-tss-description-font-family);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.krd-tss__group-view-all:hover,
.krd-tss__group-view-all:focus-visible {
	text-decoration: underline;
}

.krd-tss__group-view-all .krd-tss__arrow {
	width: min(var(--krd-tss-arrow-size, 20px), 1.15em);
	height: min(var(--krd-tss-arrow-size, 20px), 1.15em);
	font-size: 1em;
}

.krd-tss--align-center .krd-tss__content {
	justify-items: center;
	text-align: center;
}

.krd-tss--align-center .krd-tss__group-head {
	text-align: center;
}

.krd-tss--align-center .krd-tss__group-view-all {
	justify-self: center;
}

.krd-tss--align-center .krd-tss__group-child {
	justify-content: center;
	text-align: center;
}

.krd-tss__item.has-no-media {
	grid-template-columns: minmax(0, 1fr) auto;
}

.krd-tss--layout-icon-cards .krd-tss__item.has-no-media,
.krd-tss--layout-cuisine-rail .krd-tss__item.has-no-media {
	grid-template-rows: minmax(0, 1fr);
}

@media (max-width: 1024px) {
	.krd-tss__grid,
	.krd-tss__groups {
		grid-template-columns: repeat(var(--krd-tss-columns-tablet), minmax(0, 1fr));
	}

	.krd-tss--layout-cuisine-rail .krd-tss__grid {
		grid-template-columns: repeat(var(--krd-tss-columns-tablet), minmax(0, 1fr));
	}

	.krd-tss--layout-cuisine-rail .krd-tss__item:nth-child(2n) {
		border-right: 0;
	}
}

@media (max-width: 640px) {
	.krd-tss__grid,
	.krd-tss__groups {
		grid-template-columns: repeat(var(--krd-tss-columns-mobile), minmax(0, 1fr));
	}

	.krd-tss.has-horizontal-scroll .krd-tss__grid,
	.krd-tss.has-horizontal-scroll .krd-tss__groups {
		display: flex;
		overflow-x: auto;
		padding: 2px 2px 8px;
		scroll-snap-type: x proximity;
		scrollbar-width: thin;
	}

	.krd-tss.has-horizontal-scroll .krd-tss__item,
	.krd-tss.has-horizontal-scroll .krd-tss__group {
		flex: 0 0 min(82vw, 310px);
		scroll-snap-align: start;
	}

	.krd-tss--layout-cuisine-rail .krd-tss__grid {
		display: flex;
		overflow-x: auto;
		padding: 8px 0;
		scroll-snap-type: x proximity;
		scrollbar-width: thin;
	}

	.krd-tss--layout-cuisine-rail .krd-tss__item {
		flex: 0 0 100px;
		border-right: 1px solid var(--krd-tss-card-border);
		scroll-snap-align: start;
	}

	.krd-tss--layout-cuisine-rail .krd-tss__item:last-child {
		border-right: 0;
	}

	.krd-tss--layout-collection-cards .krd-tss__item {
		grid-template-columns: minmax(76px, var(--krd-tss-image-media-size)) minmax(0, 1fr) auto;
	}


	.krd-tss--layout-horizontal-editorial .krd-tss__item {
		grid-template-columns: minmax(118px, 45%) minmax(0, 55%);
		min-height: 128px;
	}

	.krd-tss--layout-horizontal-editorial .krd-tss__media,
	.krd-tss--layout-horizontal-editorial .krd-tss__content {
		min-height: 128px;
	}

	.krd-tss--layout-horizontal-editorial .krd-tss__content {
		padding: 14px 38px 14px 14px;
	}

	.krd-tss--layout-horizontal-editorial .krd-tss__arrow {
		right: 14px;
		bottom: 15px;
	}

	.krd-tss__group-children {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


/* KreoRD Custom Recipe Listing
 *
 * Context-free editorial sections for latest, category and manually curated
 * recipes. Recipe cards use the same three public visual presets as the
 * archive block: Editorial, Image overlay and Compact side-by-side.
 */
.wp-block-kreord-recipe-collection.krd-rcb {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.krd-rcb {
	--krd-rcb-columns: 4;
	--krd-rcb-columns-tablet: 2;
	--krd-rcb-columns-mobile: 1;
	--krd-rcb-card-shadow: 0 7px 18px rgba(30, 34, 40, .08);
	--krd-rcb-card-border: rgba(30, 34, 40, .10);
	--krd-rcb-card-radius: 14px;
	--krd-rcb-accent: var(--krd-rab-card-accent, #ee8a32);
	min-width: 0;
}

/*
 * Section header typography must be authoritative in both the frontend and
 * the iframe editor canvas. Theme heading selectors often target `h2` with a
 * more specific rule, which previously caused the selected KreoRD font and
 * header settings to be ignored in the editor preview.
 */
.krd-rab-block.krd-rcb .krd-rcb__header {
	display: flex;
	gap: var(--krd-rcb-header-gap, 22px) !important;
	align-items: end;
	justify-content: space-between;
	margin: 0 0 var(--krd-rcb-header-bottom-spacing, 22px) !important;
}

.krd-rab-block.krd-rcb .krd-rcb__heading-group {
	min-width: 0;
}

.krd-rab-block.krd-rcb .krd-rcb__eyebrow {
	margin: 0 0 var(--krd-rcb-eyebrow-bottom-spacing, 5px) !important;
	color: var(--krd-rcb-eyebrow-color, var(--krd-rcb-accent)) !important;
	font-family: var(--krd-meta-font-family, var(--krd-font-body, inherit)) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
}

.krd-rab-block.krd-rcb .krd-rcb__heading {
	margin: 0 !important;
	color: var(--krd-rcb-heading-color, inherit) !important;
	font-family: var(--krd-rcb-heading-font-family, var(--krd-font-heading, inherit)) !important;
	font-size: var(--krd-rcb-heading-size, clamp(26px, 3.2vw, 38px)) !important;
	font-weight: var(--krd-rcb-heading-weight, 700) !important;
	line-height: var(--krd-rcb-heading-line-height, 1.05) !important;
	letter-spacing: -.035em !important;
}

.krd-rab-block.krd-rcb .krd-rcb__view-all {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	flex: 0 0 auto;
	min-height: 32px;
	color: var(--krd-rcb-view-all-color, inherit) !important;
	font-family: var(--krd-meta-font-family, var(--krd-font-body, inherit)) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none;
	white-space: nowrap;
	transition: color 160ms ease, transform 160ms ease;
}

.krd-rcb__view-all-arrow {
	font-size: 1.3em;
	line-height: 1;
	transition: transform 160ms ease;
}

.krd-rab-block.krd-rcb .krd-rcb__view-all:hover,
.krd-rab-block.krd-rcb .krd-rcb__view-all:focus-visible {
	color: var(--krd-rcb-view-all-hover-color, var(--krd-rcb-accent)) !important;
	outline: none;
}

.krd-rcb__view-all:hover .krd-rcb__view-all-arrow,
.krd-rcb__view-all:focus-visible .krd-rcb__view-all-arrow {
	transform: translateX(3px);
}

.krd-rcb__grid {
	display: grid;
	grid-template-columns: repeat(var(--krd-rcb-columns), minmax(0, 1fr));
	gap: var(--krd-rab-card-grid-gap, 18px);
	min-width: 0;
}

.krd-rcb__card-wrap {
	position: relative;
	z-index: 0;
	min-width: 0;
}

.krd-rcb__badge {
	position: absolute;
	z-index: 3;
	top: 12px;
	left: 12px;
	display: inline-flex;
	align-items: center;
	min-height: 25px;
	padding: 5px 10px;
	border-radius: 8px;
	background: var(--krd-rcb-accent);
	box-shadow: 0 5px 11px rgba(128, 67, 20, .20);
	color: #fff;
	font-family: var(--krd-meta-font-family, var(--krd-font-body, inherit));
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
	pointer-events: none;
}


.krd-rcb__empty {
	padding: 24px;
	border: 1px dashed rgba(30, 34, 40, .22);
	border-radius: 14px;
	text-align: center;
}

.krd-rcb__empty p {
	margin: 0;
}

@media (max-width: 1024px) {
	.krd-rcb__grid {
		grid-template-columns: repeat(var(--krd-rcb-columns-tablet), minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.krd-rcb__header {
		gap: var(--krd-rcb-header-gap, 12px);
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: var(--krd-rcb-header-bottom-spacing, 16px);
	}

	.krd-rcb__view-all {
		min-height: 28px;
	}

	.krd-rcb__grid {
		grid-template-columns: repeat(var(--krd-rcb-columns-mobile), minmax(0, 1fr));
	}

	.krd-rcb.has-horizontal-scroll .krd-rcb__grid {
		display: flex;
		overflow-x: auto;
		padding: 2px 2px 10px;
		scroll-snap-type: x proximity;
		scrollbar-width: thin;
	}

	.krd-rcb.has-horizontal-scroll .krd-rcb__card-wrap {
		flex: 0 0 min(82vw, 320px);
		scroll-snap-align: start;
	}

	.krd-rcb__badge {
		top: 10px;
		left: 10px;
	}
}


/* Custom Recipe Listing: direct taxonomy and term selectors.
 *
 * Recipe taxonomies are a finite set, so visual checkboxes are clearer than
 * free-text token search. The controls stay scoped to the block inspector and
 * do not affect frontend recipe listings.
 */
.krd-rcl-editor-filter-controls {
	margin-top: 16px;
}

.krd-rcl-editor-taxonomy-selector {
	margin: 14px 0 18px;
	padding: 0;
	border: 0;
}

.krd-rcl-editor-taxonomy-selector__legend {
	display: block;
	margin: 0 0 6px;
	padding: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.krd-rcl-editor-taxonomy-selector__help,
.krd-rcl-editor-term-selector__help {
	margin: 0 0 10px;
	color: rgba(30, 34, 40, .66);
	font-size: 12px;
	line-height: 1.45;
}

.krd-rcl-editor-taxonomy-selector__options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.krd-rcl-editor-taxonomy-option,
.krd-rcl-editor-term-option {
	position: relative;
	display: grid;
	align-items: center;
	cursor: pointer;
}

.krd-rcl-editor-taxonomy-option {
	grid-template-columns: 18px minmax(0, 1fr);
	gap: 8px;
	min-height: 58px;
	padding: 10px;
	border: 1px solid rgba(30, 34, 40, .16);
	border-radius: 9px;
	background: #fff;
	transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.krd-rcl-editor-taxonomy-option:hover,
.krd-rcl-editor-taxonomy-option:focus-within {
	border-color: var(--wp-admin-theme-color, #2271b1);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--wp-admin-theme-color, #2271b1) 24%, transparent);
}

.krd-rcl-editor-taxonomy-option.is-selected {
	border-color: var(--wp-admin-theme-color, #2271b1);
	background: color-mix(in srgb, var(--wp-admin-theme-color, #2271b1) 7%, #fff);
}

.krd-rcl-editor-taxonomy-option input,
.krd-rcl-editor-term-option input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.krd-rcl-editor-taxonomy-option__checkbox,
.krd-rcl-editor-term-option__checkbox {
	display: inline-grid;
	place-items: center;
	width: 17px;
	height: 17px;
	border: 1px solid rgba(30, 34, 40, .34);
	border-radius: 4px;
	background: #fff;
	color: #fff;
	transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.krd-rcl-editor-taxonomy-option input:checked + .krd-rcl-editor-taxonomy-option__checkbox,
.krd-rcl-editor-term-option input:checked + .krd-rcl-editor-term-option__checkbox {
	border-color: var(--wp-admin-theme-color, #2271b1);
	background: var(--wp-admin-theme-color, #2271b1);
}

.krd-rcl-editor-taxonomy-option input:checked + .krd-rcl-editor-taxonomy-option__checkbox::after,
.krd-rcl-editor-term-option input:checked + .krd-rcl-editor-term-option__checkbox::after {
	width: 8px;
	height: 4px;
	border-bottom: 2px solid currentColor;
	border-left: 2px solid currentColor;
	content: "";
	transform: translateY(-1px) rotate(-45deg);
}

.krd-rcl-editor-taxonomy-option input:focus-visible + .krd-rcl-editor-taxonomy-option__checkbox,
.krd-rcl-editor-term-option input:focus-visible + .krd-rcl-editor-term-option__checkbox {
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp-admin-theme-color, #2271b1) 35%, transparent);
}

.krd-rcl-editor-taxonomy-option__label {
	overflow: hidden;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.krd-rcl-editor-taxonomy-option__count {
	grid-column: 2;
	margin-top: -5px;
	color: rgba(30, 34, 40, .56);
	font-size: 11px;
	line-height: 1.2;
}

.krd-rcl-editor-taxonomy-selector__clear-all {
	margin-top: 8px !important;
}

.krd-rcl-editor-term-selector {
	margin: 16px 0 0;
	padding: 12px;
	border: 1px solid rgba(30, 34, 40, .14);
	border-radius: 10px;
	background: rgba(30, 34, 40, .018);
}

.krd-rcl-editor-term-selector__head {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 7px;
}

.krd-rcl-editor-term-selector__heading-copy {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.krd-rcl-editor-term-selector__title {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}

.krd-rcl-editor-term-selector__count {
	color: rgba(30, 34, 40, .58);
	font-size: 11px;
	line-height: 1.25;
}

.krd-rcl-editor-term-selector__actions {
	display: flex;
	flex: 0 0 auto;
	gap: 6px;
	align-items: center;
	justify-content: flex-end;
}

.krd-rcl-editor-term-selector__select-all,
.krd-rcl-editor-term-selector__clear {
	flex: 0 0 auto;
	margin: 0 !important;
	white-space: nowrap;
}

.krd-rcl-editor-term-selector__options {
	display: grid;
	gap: 3px;
	max-height: 280px;
	overflow: auto;
	padding: 4px;
	border: 1px solid rgba(30, 34, 40, .12);
	border-radius: 8px;
	background: #fff;
	scrollbar-width: thin;
}

.krd-rcl-editor-term-option {
	grid-template-columns: 17px minmax(0, 1fr) auto;
	gap: 8px;
	min-height: 33px;
	padding: 6px 8px 6px calc(8px + var(--krd-rcl-term-indent, 0px));
	border-radius: 6px;
	background: transparent;
	transition: background-color 140ms ease;
}

.krd-rcl-editor-term-option:hover,
.krd-rcl-editor-term-option:focus-within {
	background: rgba(30, 34, 40, .05);
}

.krd-rcl-editor-term-option.is-selected {
	background: color-mix(in srgb, var(--wp-admin-theme-color, #2271b1) 8%, #fff);
}

.krd-rcl-editor-term-option__name {
	overflow: hidden;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.krd-rcl-editor-term-option.is-child .krd-rcl-editor-term-option__name::before {
	margin-right: 5px;
	color: rgba(30, 34, 40, .42);
	content: "↳";
}

.krd-rcl-editor-term-option__count {
	min-width: 20px;
	color: rgba(30, 34, 40, .54);
	font-size: 11px;
	line-height: 1.3;
	text-align: right;
}

@media (max-width: 500px) {
	.krd-rcl-editor-taxonomy-selector__options {
		grid-template-columns: minmax(0, 1fr);
	}

	.krd-rcl-editor-term-selector__head {
		align-items: stretch;
		flex-direction: column;
	}

	.krd-rcl-editor-term-selector__actions {
		justify-content: flex-start;
	}
}


/* --------------------------------------------------------------------------
 * KreoRD Recipe Card Designs
 *
 * Exactly three visual presets are exposed in both recipe listing blocks:
 * Editorial, Image overlay and Compact side-by-side. Legacy layout values are
 * normalized in PHP and JavaScript, so obsolete presentation CSS is not kept.
 * -------------------------------------------------------------------------- */

.krd-rab-posts--layout-editorial,
.krd-rab-posts--layout-image-overlay,
.krd-rab-posts--layout-compact {
	--krd-rab-design-surface: var(--krd-rab-card-background, #fff);
	--krd-rab-design-border: var(--krd-rab-card-border, rgba(30, 34, 40, .11));
	--krd-rab-design-shadow: var(--krd-rab-card-shadow, 0 12px 28px rgba(30, 34, 40, .08));
	--krd-rab-design-text: var(--krd-rab-card-text, #24262a);
	--krd-rab-design-meta: var(--krd-rab-card-meta, rgba(36, 38, 42, .68));
	--krd-rab-design-accent: var(--krd-rab-card-accent, #d77f30);
}

/* Surface is a real card setting, not a preset-only class. Custom border and
 * shadow values still win through their dedicated higher-specificity rules. */
.krd-rab-posts--surface-plain {
	--krd-rab-design-border: var(--krd-rab-card-border, transparent);
	--krd-rab-design-shadow: var(--krd-rab-card-shadow, none);
}

.krd-rab-posts--surface-outlined {
	--krd-rab-design-border: var(--krd-rab-card-border, rgba(30, 34, 40, .16));
	--krd-rab-design-shadow: var(--krd-rab-card-shadow, none);
}

.krd-rab-posts--surface-elevated {
	--krd-rab-design-border: var(--krd-rab-card-border, rgba(30, 34, 40, .08));
	--krd-rab-design-shadow: var(--krd-rab-card-shadow, 0 16px 36px rgba(30, 34, 40, .12));
}

/* Photo-led cards use a light edge only when the elevated surface is active.
 * Plain and outlined surfaces retain their own selected border treatment. */
.krd-rab-posts--layout-image-overlay.krd-rab-posts--surface-elevated {
	--krd-rab-design-border: var(--krd-rab-card-border, rgba(255, 255, 255, .18));
}

/* Common card behaviour for the three supported designs. */
.krd-rab-posts--layout-editorial .krd-recipe-card,
.krd-rab-posts--layout-image-overlay .krd-recipe-card,
.krd-rab-posts--layout-compact .krd-recipe-card {
	position: relative;
	overflow: hidden;
	min-width: 0;
	border: var(--krd-rab-card-border-width, 1px) solid var(--krd-rab-design-border) !important;
	border-radius: var(--krd-rab-card-radius, 18px) !important;
	background: var(--krd-rab-design-surface) !important;
	box-shadow: var(--krd-rab-design-shadow) !important;
	color: var(--krd-rab-design-text);
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.krd-rab-posts--layout-editorial .krd-recipe-card:hover,
.krd-rab-posts--layout-image-overlay .krd-recipe-card:hover,
.krd-rab-posts--layout-compact .krd-recipe-card:hover {
	border-color: var(--krd-rab-design-accent);
	box-shadow: 0 20px 40px rgba(30, 34, 40, .14) !important;
	transform: translateY(-4px);
}

.krd-rab-posts--surface-plain .krd-recipe-card:hover,
.krd-rab-posts--shadow-none .krd-recipe-card:hover {
	box-shadow: none !important;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__image,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__image,
.krd-rab-posts--layout-compact .krd-recipe-card__image,
.krd-rab-posts--layout-editorial .krd-recipe-card__placeholder,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__placeholder,
.krd-rab-posts--layout-compact .krd-recipe-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__media,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__media,
.krd-rab-posts--layout-compact .krd-recipe-card__media {
	text-decoration: none;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__title,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__title,
.krd-rab-posts--layout-compact .krd-recipe-card__title {
	margin: 0;
	font-size: var(--krd-rab-card-title-size, 21px);
	font-weight: var(--krd-rab-card-title-weight, 750);
	line-height: var(--krd-rab-card-title-line-height, 1.16);
	letter-spacing: -.025em;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__title a,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__title a,
.krd-rab-posts--layout-compact .krd-recipe-card__title a {
	color: inherit;
	text-decoration: none;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__category,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__category,
.krd-rab-posts--layout-compact .krd-recipe-card__category {
	margin: 0 0 8px;
	color: var(--krd-rab-design-accent);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	line-height: 1.2;
	text-transform: uppercase;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__category a,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__category a,
.krd-rab-posts--layout-compact .krd-recipe-card__category a {
	color: inherit;
	text-decoration: none;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__excerpt,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__excerpt,
.krd-rab-posts--layout-compact .krd-recipe-card__excerpt {
	margin-top: 10px;
	color: var(--krd-rab-design-meta);
	font-size: var(--krd-rab-card-excerpt-size, 14px);
	line-height: var(--krd-rab-card-excerpt-line-height, 1.5);
}

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge {
	z-index: 2;
	gap: var(--krd-rab-meta-gap, 10px);
	color: var(--krd-rab-design-meta);
	font-size: var(--krd-rab-card-meta-size, 12px);
	line-height: var(--krd-rab-card-meta-line-height, 1.2);
}

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge-item,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge-item,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge-item {
	font-size: inherit;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge-icon--rating,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge-icon--rating,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge-icon--rating {
	color: var(--krd-rab-design-accent);
}

/* 1. Editorial: image above, readable content and a clean details footer. */
.krd-rab-posts--layout-editorial .krd-recipe-card {
	display: flex !important;
	flex-direction: column;
	height: 100%;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__media {
	order: 1;
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: rgba(30, 34, 40, .05);
}

.krd-rab-posts--layout-editorial.krd-rab-posts--ratio-square .krd-recipe-card__media { aspect-ratio: 1 / 1; }
.krd-rab-posts--layout-editorial.krd-rab-posts--ratio-landscape .krd-recipe-card__media { aspect-ratio: 4 / 3; }
.krd-rab-posts--layout-editorial.krd-rab-posts--ratio-wide .krd-recipe-card__media { aspect-ratio: 16 / 10; }
.krd-rab-posts--layout-editorial.krd-rab-posts--ratio-portrait .krd-recipe-card__media { aspect-ratio: 4 / 5; }

.krd-rab-posts--layout-editorial .krd-recipe-card__body {
	order: 2;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: var(--krd-rab-card-body-padding, 18px) !important;
	text-align: left;
}

.krd-rab-posts--layout-editorial.krd-rab-posts--align-center .krd-recipe-card__body {
	text-align: center;
}

.krd-rab-posts--layout-editorial .krd-recipe-card > .krd-recipe-card__bridge {
	order: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 !important;
	padding: 12px var(--krd-rab-card-body-padding, 18px) 16px;
	border-top: 1px solid color-mix(in srgb, var(--krd-rab-design-border) 88%, transparent);
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-radius: 0;
	background: var(--krd-rab-meta-background, transparent);
}

.krd-rab-posts--layout-editorial .krd-recipe-card__body > .krd-recipe-card__bridge {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 14px 0 0 !important;
	padding: 10px 0 0;
	border-top: 1px solid color-mix(in srgb, var(--krd-rab-design-border) 88%, transparent);
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-radius: 0;
	background: var(--krd-rab-meta-background, transparent);
}

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge--position-pinned-bottom {
	margin-top: auto !important;
}

/* 2. Image overlay: a photo-led card with contrast-safe overlay content. */
.krd-rab-posts--layout-image-overlay .krd-recipe-card {
	display: block !important;
	min-height: var(--krd-rab-overlay-min-height, 380px);
	border-color: var(--krd-rab-design-border) !important;
	background: #27231f !important;
	color: #fff;
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__media {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__media::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(18, 16, 13, .14) 0%, rgba(18, 16, 13, .14) 34%, rgba(18, 16, 13, .84) 100%);
	content: "";
	pointer-events: none;
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__body {
	position: absolute;
	z-index: 2;
	right: var(--krd-rab-card-body-padding, 20px);
	bottom: var(--krd-rab-card-body-padding, 20px);
	left: var(--krd-rab-card-body-padding, 20px);
	display: flex;
	flex-direction: column;
	padding: 0 !important;
	color: #fff;
	text-align: left;
}

.krd-rab-posts--layout-image-overlay.krd-rab-posts--align-center .krd-recipe-card__body {
	align-items: center;
	text-align: center;
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__category,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__title,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__title a,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__excerpt {
	color: #fff;
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__category {
	color: color-mix(in srgb, var(--krd-rab-design-accent) 75%, #fff);
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__excerpt {
	color: rgba(255, 255, 255, .78);
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__body > .krd-recipe-card__bridge {
	display: flex;
	align-items: center;
	margin: 14px 0 0 !important;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, .9);
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card > .krd-recipe-card__bridge {
	position: absolute;
	z-index: 3;
	top: var(--krd-rab-card-body-padding, 20px);
	right: var(--krd-rab-card-body-padding, 20px);
	left: var(--krd-rab-card-body-padding, 20px);
	display: flex;
	align-items: center;
	width: auto;
	margin: 0 !important;
	padding: 7px 9px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	background: color-mix(in srgb, var(--krd-rab-meta-background, rgba(23, 20, 17, .48)) 94%, transparent);
	backdrop-filter: blur(8px);
	color: #fff;
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge--layout-pills {
	padding: 0;
	border: 0;
	background: transparent;
	backdrop-filter: none;
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge--layout-pills .krd-recipe-card__bridge-item {
	padding: 7px 10px;
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 999px;
	background: rgba(23, 20, 17, .48);
}

.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge-icon--rating,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge-count {
	color: inherit;
}

/* 3. Compact: photo and content side-by-side; stacks naturally on phones. */
.krd-rab-posts--layout-compact .krd-recipe-card {
	display: grid !important;
	grid-template-columns: minmax(116px, var(--krd-rab-compact-media-width, 42%)) minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr) auto;
	align-items: stretch;
	min-height: 212px;
}

.krd-rab-posts--layout-compact .krd-recipe-card__media {
	grid-row: 1 / -1;
	grid-column: 1;
	display: block;
	min-height: 100%;
	overflow: hidden;
	background: rgba(30, 34, 40, .05);
}

.krd-rab-posts--layout-compact .krd-recipe-card__body {
	grid-row: 1;
	grid-column: 2;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: var(--krd-rab-card-body-padding, 18px) !important;
	text-align: left;
}

.krd-rab-posts--layout-compact.krd-rab-posts--align-center .krd-recipe-card__body {
	align-items: center;
	text-align: center;
}

.krd-rab-posts--layout-compact .krd-recipe-card__title {
	font-size: var(--krd-rab-card-title-size, 19px);
}

.krd-rab-posts--layout-compact .krd-recipe-card__excerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.krd-rab-posts--layout-compact .krd-recipe-card__body > .krd-recipe-card__bridge {
	display: flex;
	align-items: center;
	margin: auto 0 0 !important;
	padding-top: 13px;
	border-top: 1px solid color-mix(in srgb, var(--krd-rab-design-border) 88%, transparent);
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-radius: 0;
	background: var(--krd-rab-meta-background, transparent);
}

.krd-rab-posts--layout-compact .krd-recipe-card > .krd-recipe-card__bridge {
	grid-row: 2;
	grid-column: 2;
	align-self: end;
	display: flex;
	align-items: center;
	margin: 0 !important;
	padding: 11px var(--krd-rab-card-body-padding, 18px) var(--krd-rab-card-body-padding, 18px);
	border-top: 1px solid color-mix(in srgb, var(--krd-rab-design-border) 88%, transparent);
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-radius: 0;
	background: var(--krd-rab-meta-background, transparent);
}

/* Shared user-controlled detail options across the three designs. */
.krd-rab-posts--layout-editorial .krd-recipe-card__bridge--align-left,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge--align-left,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge--align-left { justify-content: flex-start; }

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge--align-center,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge--align-center,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge--align-center { justify-content: center; }

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge--align-space-between,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge--align-space-between,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge--align-space-between { justify-content: space-between; }

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge--align-equal-columns,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge--align-equal-columns,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge--align-equal-columns { justify-content: stretch; }

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge--align-equal-columns .krd-recipe-card__bridge-item,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge--align-equal-columns .krd-recipe-card__bridge-item,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge--align-equal-columns .krd-recipe-card__bridge-item {
	flex: 1 1 0;
	justify-content: center;
}

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge--layout-panel,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge--layout-panel {
	padding: 10px 12px;
	border: var(--krd-rab-meta-border-width, 1px) solid var(--krd-rab-meta-border, var(--krd-rab-design-border));
	border-radius: var(--krd-rab-meta-radius, 12px);
}

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge--layout-pills,
.krd-rab-posts--layout-image-overlay .krd-recipe-card__bridge--layout-pills,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge--layout-pills {
	gap: var(--krd-rab-meta-gap, 7px);
}

.krd-rab-posts--layout-editorial .krd-recipe-card__bridge--layout-pills .krd-recipe-card__bridge-item,
.krd-rab-posts--layout-compact .krd-recipe-card__bridge--layout-pills .krd-recipe-card__bridge-item {
	min-height: 28px;
	padding: var(--krd-rab-meta-padding-vertical, 4px) var(--krd-rab-meta-padding-horizontal, 8px);
	border: var(--krd-rab-meta-border-width, 1px) solid var(--krd-rab-meta-border, var(--krd-rab-design-border));
	border-radius: var(--krd-rab-meta-radius, 999px);
	background: var(--krd-rab-meta-background, rgba(30, 34, 40, .035));
}

/* Editor-only visual picker. */
.krd-rab-editor-card-designs__help {
	margin: 0 0 12px;
	color: rgba(30, 34, 40, .68);
	font-size: 12px;
	line-height: 1.45;
}

.krd-rab-editor-card-designs__options {
	display: grid;
	gap: 10px;
}

.krd-rab-editor-card-design {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 12px;
	row-gap: 3px;
	width: 100%;
	padding: 9px;
	border: 1px solid rgba(30, 34, 40, .16);
	border-radius: 10px;
	background: #fff;
	color: #1e2228;
	text-align: left;
	cursor: pointer;
	transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.krd-rab-editor-card-design:hover,
.krd-rab-editor-card-design:focus-visible,
.krd-rab-editor-card-design.is-active {
	border-color: var(--wp-admin-theme-color, #2271b1);
	background: color-mix(in srgb, var(--wp-admin-theme-color, #2271b1) 5%, #fff);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--wp-admin-theme-color, #2271b1) 18%, transparent);
	outline: none;
}

.krd-rab-editor-card-design__preview {
	position: relative;
	grid-row: 1 / span 2;
	display: block;
	width: 86px;
	height: 60px;
	overflow: hidden;
	border-radius: 7px;
	background: #f2e5d5;
}

.krd-rab-editor-card-design__media {
	position: absolute;
	inset: 0 0 28px;
	display: block;
	background: linear-gradient(135deg, #d98438, #f3c58d 46%, #85502d);
}

.krd-rab-editor-card-design__copy {
	position: absolute;
	right: 7px;
	bottom: 6px;
	left: 7px;
	display: grid;
	gap: 4px;
}

.krd-rab-editor-card-design__eyebrow,
.krd-rab-editor-card-design__title,
.krd-rab-editor-card-design__meta {
	display: block;
	border-radius: 999px;
	background: rgba(32, 30, 27, .22);
}

.krd-rab-editor-card-design__eyebrow { width: 28%; height: 3px; }
.krd-rab-editor-card-design__title { width: 84%; height: 5px; }
.krd-rab-editor-card-design__meta { width: 58%; height: 4px; }

.krd-rab-editor-card-design__preview--image-overlay .krd-rab-editor-card-design__media { inset: 0; }
.krd-rab-editor-card-design__preview--image-overlay .krd-rab-editor-card-design__media::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent, rgba(27, 22, 18, .78));
	content: "";
}
.krd-rab-editor-card-design__preview--image-overlay .krd-rab-editor-card-design__copy {
	z-index: 1;
	bottom: 7px;
}
.krd-rab-editor-card-design__preview--image-overlay .krd-rab-editor-card-design__eyebrow,
.krd-rab-editor-card-design__preview--image-overlay .krd-rab-editor-card-design__title,
.krd-rab-editor-card-design__preview--image-overlay .krd-rab-editor-card-design__meta { background: rgba(255, 255, 255, .72); }

.krd-rab-editor-card-design__preview--compact .krd-rab-editor-card-design__media { inset: 0 auto 0 0; width: 42%; }
.krd-rab-editor-card-design__preview--compact .krd-rab-editor-card-design__copy { left: 43px; right: 7px; bottom: 8px; }

.krd-rab-editor-card-design__label {
	align-self: end;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
}

.krd-rab-editor-card-design__description {
	align-self: start;
	color: rgba(30, 34, 40, .64);
	font-size: 11px;
	line-height: 1.35;
}

@media (max-width: 640px) {
	.krd-rab-posts--layout-image-overlay .krd-recipe-card {
		min-height: max(300px, var(--krd-rab-overlay-min-height, 380px));
	}

	.krd-rab-posts--layout-compact .krd-recipe-card {
		display: flex !important;
		flex-direction: column;
		min-height: 0;
	}

	.krd-rab-posts--layout-compact .krd-recipe-card__media {
		width: 100%;
		min-height: 0;
		aspect-ratio: 4 / 3;
	}

	.krd-rab-posts--layout-compact .krd-recipe-card__body,
	.krd-rab-posts--layout-compact .krd-recipe-card > .krd-recipe-card__bridge {
		width: 100%;
	}

	.krd-rab-posts--layout-compact .krd-recipe-card > .krd-recipe-card__bridge {
		padding: 0 var(--krd-rab-card-body-padding, 18px) var(--krd-rab-card-body-padding, 18px);
	}
}

/* Recipe collection badge positioning for photo-led cards. */
.krd-rcb.krd-rab-posts--layout-image-overlay .krd-rcb__badge {
	top: 16px;
	left: 16px;
}

@media (max-width: 640px) {
	.krd-rcb.krd-rab-posts--layout-image-overlay .krd-rcb__badge {
		top: 12px;
		left: 12px;
	}
}

/* Keep a collection badge and top-overlay recipe details from overlapping. */
.krd-rcb.krd-rab-posts--layout-image-overlay .krd-rcb__badge + .krd-recipe-card .krd-recipe-card__bridge--position-top-overlay {
	top: 52px;
}

@media (max-width: 640px) {
	.krd-rcb.krd-rab-posts--layout-image-overlay .krd-rcb__badge + .krd-recipe-card .krd-recipe-card__bridge--position-top-overlay {
		top: 46px;
	}
}