/**
 * מתכונים — עיצוב חזית.
 *
 * הצבעים נלקחים ממשתני התבנית (--color-primary וחבריו), ולכן המתכונים
 * מקבלים אוטומטית את המיתוג של כל אתר בלי CSS לכל אתר בנפרד.
 */

/*
 * 🔑 המשתנים מוגדרים על :root ולא על מכולת המתכון בכוונה.
 * במובייל פאנל המוצרים *מועבר* אל המגירה, שיושבת מחוץ ל-.deliz-recipe-single,
 * ולכן משתנה שמוגדר על המכולה לא יורש לשם — והכפתורים איבדו את צבעם.
 * אותו דבר נכון לסרגל הצף ולהודעה הצפה, ששניהם ילדים של body.
 */
:root {
	--rcp-radius: 14px;
	--rcp-gap: 24px;
	--rcp-accent: var(--color-primary, #b3161b);
	--rcp-accent-text: var(--main-text-color, #fff);
	--rcp-ink: var(--main-site-text-color-general, #1a1a1a);
	--rcp-muted: #6b6b6b;
	--rcp-line: #e6e6e6;
	--rcp-surface: #fff;
	--rcp-soft: #faf8f6;
}

/*
 * 🔑 אין כאן max-width או padding משלנו: העמודים משתמשים בשלד .site-content
 * של התבנית, שכבר מגדיר רוחב ומרווחים — כולל 10px במובייל, בדיוק כמו רשת
 * המוצרים בעמוד קטגוריה. דריסה כאן הייתה יוצרת מרווח שונה משאר האתר.
 */
.deliz-recipes-archive,
.deliz-recipe-single {
	color: var(--rcp-ink);
}

/* ==========================================================================
   עמוד המתכונים
   ========================================================================== */

.deliz-recipes-archive__header {
	text-align: center;
	margin: 28px 0 18px;
}

.deliz-recipes-archive__title {
	font-size: clamp(26px, 4vw, 38px);
	margin: 0 0 8px;
	line-height: 1.2;
}

.deliz-recipes-archive__desc {
	color: var(--rcp-muted);
	max-width: 640px;
	margin-inline: auto;
}

.deliz-recipes-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-bottom: 26px;
}

.deliz-recipes-filter__item {
	display: inline-block;
	padding: 7px 16px;
	border: 1px solid var(--rcp-line);
	border-radius: 999px;
	font-size: 14px;
	text-decoration: none;
	color: inherit;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.deliz-recipes-filter__item:hover,
.deliz-recipes-filter__item.is-active {
	background: var(--rcp-accent);
	border-color: var(--rcp-accent);
	color: var(--rcp-accent-text);
}

/* ---------- רשת ---------- */

.deliz-recipes-grid {
	display: grid;
	gap: var(--rcp-gap);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.deliz-recipes-grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1024px) {
	.deliz-recipes-grid,
	.deliz-recipes-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/*
 * מובייל: שניים בשורה, עם אותו מרווח צדדי שיש לרשת המוצרים בעמוד קטגוריה,
 * כדי ששני העמודים ייראו כמו אותו אתר.
 */
@media (max-width: 640px) {
	.deliz-recipes-grid,
	.deliz-recipes-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	/* מרווח מהקצוות — הכרטיסים לא נדבקים לשולי המסך (כמו ב-mutti) */
	.deliz-recipes-archive .deliz-recipes-grid,
	.deliz-recipe-related .deliz-recipes-grid {
		padding-inline: 10px;
	}

	/* בכרטיס צר הטקסט מתכווץ בהתאם */
	.deliz-recipe-card__title,
	.deliz-recipes-grid--rollover .deliz-recipe-card__title {
		font-size: 17px;
		line-height: 1.12;
	}

	.deliz-recipe-card__subline,
	.deliz-recipe-card__time,
	.deliz-recipes-grid--rollover .deliz-recipe-card__subline,
	.deliz-recipes-grid--rollover .deliz-recipe-card__time {
		font-size: 12.5px;
	}

	/*
	 * בתצוגת החשיפה במובייל אין ריחוף, ולכן מציגים רק כותרת וזמן הכנה —
	 * תקציר ו"למתכון המלא" על כרטיס חצי-רוחב רק היו דוחסים אותו.
	 */
	.deliz-recipes-grid--rollover .deliz-recipe-card__summary,
	.deliz-recipes-grid--rollover .deliz-recipe-card__more,
	.deliz-recipes-grid--rollover .deliz-recipe-card__subline {
		display: none;
	}

	.deliz-recipes-grid--rollover .deliz-recipe-card__overlay {
		padding: 12px;
	}
}

/* ---------- כרטיס ---------- */

.deliz-recipe-card {
	margin: 0;
}

.deliz-recipe-card__link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.deliz-recipe-card__media {
	position: relative;
	border-radius: var(--rcp-radius);
	overflow: hidden;
	background: var(--rcp-soft);
}

.deliz-recipe-card__media::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.deliz-recipe-card__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.deliz-recipe-card__img--empty {
	background: linear-gradient(135deg, #eee, #f7f7f7);
}

.deliz-recipe-card__link:hover .deliz-recipe-card__img {
	transform: scale(1.05);
}

/* סמן וידאו */
.deliz-recipe-card__video {
	position: absolute;
	inset-block-start: 12px;
	inset-inline-start: 12px;
	z-index: 3;
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: rgba(0, 0, 0, .55);
	color: #fff;
	backdrop-filter: blur(2px);
}

.deliz-recipe-card__video svg {
	margin-inline-start: 2px;
}

/* מונה לייקים */
.deliz-recipe-card__likes {
	position: absolute;
	inset-block-start: 12px;
	inset-inline-end: 12px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	color: var(--rcp-accent);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

/* ---------- תצוגה רגילה: הפרטים מתחת לתמונה ---------- */

.deliz-recipes-grid--classic .deliz-recipe-card__overlay {
	padding: 12px 2px 0;
}

/*
 * ⚠️ בתצוגה הרגילה התמונה עדיין חייבת overflow:hidden, אחרת הזום בריחוף
 * גולש מעבר לפינות המעוגלות. רק העטיפה החיצונית פתוחה, כדי שהטקסט שמתחת
 * לא ייחתך.
 */
.deliz-recipes-grid--classic .deliz-recipe-card__media {
	overflow: visible;
	background: none;
}

.deliz-recipe-card__frame {
	position: absolute;
	inset: 0;
	display: block;
	overflow: hidden;
	border-radius: var(--rcp-radius);
	background: var(--rcp-soft);
}

.deliz-recipes-grid--classic .deliz-recipe-card__frame {
	position: absolute;
	inset-block: 0 auto;
	inset-inline: 0;
	aspect-ratio: 1 / .78;
}

.deliz-recipes-grid--classic .deliz-recipe-card__media::before {
	padding-top: 78%;
}

.deliz-recipes-grid--classic .deliz-recipe-card__img {
	border-radius: 0;
}

.deliz-recipe-card__title {
	font-size: 19px;
	line-height: 1.3;
	margin: 0 0 4px;
	font-weight: 700;
}

.deliz-recipe-card__subline,
.deliz-recipe-card__time {
	margin: 0 0 4px;
	font-size: 13.5px;
	color: var(--rcp-muted);
	display: flex;
	align-items: center;
	gap: 6px;
}

.deliz-recipe-card__summary {
	margin: 6px 0 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--rcp-muted);
}

/*
 * בתצוגת החשיפה כל הטקסט באותו גודל ומעט גדול יותר — הוא נקרא על תמונה,
 * ולא בשורת מידע צפופה מתחתיה.
 */
/*
 * פרופורציות לפי mutti.co.il: כותרת כבדה עם שורת-גובה צמודה (0.88 מגודל
 * הגופן) כדי שכותרת בשתי שורות לא תנפח את הכרטיס, ושורת הפרטים קטנה ממנה.
 */
.deliz-recipes-grid--rollover .deliz-recipe-card__title {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 6px;
	/* כותרת ארוכה נחתכת בשתי שורות ולא משתלטת על הכרטיס */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.deliz-recipes-grid--rollover .deliz-recipe-card__subline,
.deliz-recipes-grid--rollover .deliz-recipe-card__time,
.deliz-recipes-grid--rollover .deliz-recipe-card__more {
	font-size: 16px;
	line-height: 1.5;
}

.deliz-recipes-grid--rollover .deliz-recipe-card__summary {
	font-size: 15px;
	line-height: 1.4;
}

.deliz-recipes-grid--rollover .deliz-recipe-card__time svg {
	width: 19px;
	height: 19px;
}

.deliz-recipes-grid--classic .deliz-recipe-card__summary {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.deliz-recipes-grid--classic .deliz-recipe-card__more {
	display: inline-block;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--rcp-accent);
	border-bottom: 2px solid currentColor;
}

/* ---------- תצוגת חשיפה בריחוף ---------- */

.deliz-recipes-grid--rollover .deliz-recipe-card__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	padding: 18px;
	color: #fff;
	background: linear-gradient(to top, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, 0) 100%);
	transition: background-color .3s ease;
}

.deliz-recipes-grid--rollover .deliz-recipe-card__overlay-inner {
	width: 100%;
}

.deliz-recipes-grid--rollover .deliz-recipe-card__title,
.deliz-recipes-grid--rollover .deliz-recipe-card__subline,
.deliz-recipes-grid--rollover .deliz-recipe-card__time,
.deliz-recipes-grid--rollover .deliz-recipe-card__summary,
.deliz-recipes-grid--rollover .deliz-recipe-card__more {
	color: #fff;
}

.deliz-recipes-grid--rollover .deliz-recipe-card__summary,
.deliz-recipes-grid--rollover .deliz-recipe-card__more {
	/* נחשפים בריחוף בלבד */
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height .35s ease, opacity .25s ease, margin .35s ease;
	margin-top: 0;
}

.deliz-recipes-grid--rollover .deliz-recipe-card__more {
	display: block;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 4px;
}

@media (hover: hover) {
	.deliz-recipes-grid--rollover .deliz-recipe-card__link:hover .deliz-recipe-card__overlay {
		background: rgba(0, 0, 0, .68);
	}

	.deliz-recipes-grid--rollover .deliz-recipe-card__link:hover .deliz-recipe-card__summary {
		max-height: 7em;
		opacity: 1;
		margin-top: 8px;
	}

	.deliz-recipes-grid--rollover .deliz-recipe-card__link:hover .deliz-recipe-card__more {
		max-height: 3em;
		opacity: 1;
		margin-top: 10px;
	}

	.deliz-recipes-grid--rollover .deliz-recipe-card__link:focus-visible .deliz-recipe-card__summary,
	.deliz-recipes-grid--rollover .deliz-recipe-card__link:focus-visible .deliz-recipe-card__more {
		max-height: 7em;
		opacity: 1;
		margin-top: 8px;
	}
}

/*
 * במכשיר ללא ריחוף תצוגת החשיפה נראית כמו הרגילה — הטקסט פשוט גלוי.
 * זו הסיבה ששתי התצוגות חולקות HTML אחד.
 */
@media (hover: none) {
	.deliz-recipes-grid--rollover .deliz-recipe-card__summary {
		max-height: 7em;
		opacity: 1;
		margin-top: 8px;
	}
}

.deliz-recipes-pagination {
	margin: 34px 0;
	text-align: center;
}

.deliz-recipes-empty {
	text-align: center;
	color: var(--rcp-muted);
	padding: 40px 0;
}

/* ==========================================================================
   מתכון בודד
   ========================================================================== */

/*
 * העמודה המרכזית מכילה את המתכון ואת הסטריפ. ה-scope הוא הגבול שבו
 * הסטיקי של הסטריפ נעצר — זו בדיוק התנהגות position:sticky.
 */
.deliz-recipe-scope {
	position: relative;
	margin-bottom: 30px;
}

.deliz-recipe-main {
	margin-bottom: 18px;
}

/* ---------- כותרת ופעולות ---------- */

.deliz-recipe-head__title {
	font-size: clamp(26px, 3.6vw, 40px);
	line-height: 1.18;
	margin: 0 0 8px;
}

.deliz-recipe-head__summary {
	font-size: 17px;
	line-height: 1.6;
	color: var(--rcp-muted);
	margin: 0 0 16px;
}

.deliz-recipe-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}

.deliz-recipe-action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 14px;
	border: 1px solid var(--rcp-line);
	border-radius: 999px;
	background: var(--rcp-surface);
	font: inherit;
	font-size: 14px;
	color: inherit;
	cursor: pointer;
	transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}

.deliz-recipe-action:hover {
	border-color: var(--rcp-accent);
	color: var(--rcp-accent);
}

.deliz-recipe-action--like.is-liked {
	background: var(--rcp-accent);
	border-color: var(--rcp-accent);
	color: var(--rcp-accent-text);
}

.deliz-recipe-hero {
	margin: 0 0 22px;
}

.deliz-recipe-hero__img {
	width: 100%;
	/* יחס קבוע במקום גובה טבעי — תמונות רוחב נראו נמוכות מדי */
	aspect-ratio: 3 / 2;
	height: auto;
	object-fit: cover;
	border-radius: var(--rcp-radius);
	display: block;
}

@media (max-width: 640px) {
	.deliz-recipe-hero__img {
		aspect-ratio: 4 / 3;
	}
}

.deliz-recipe-video {
	margin: 0 0 22px;
}

.deliz-recipe-video__frame {
	position: relative;
	padding-top: 56.25%;
	border-radius: var(--rcp-radius);
	overflow: hidden;
}

.deliz-recipe-video__frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ---------- סרגל נתוני המנה ---------- */

.deliz-recipe-meta {
	list-style: none;
	margin: 0 0 26px;
	padding: 16px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	gap: 12px;
	background: var(--rcp-soft);
	border-radius: var(--rcp-radius);
	border: 1px solid var(--rcp-line);
}

.deliz-recipe-meta__item {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.deliz-recipe-meta__label {
	font-size: 12.5px;
	color: var(--rcp-muted);
	letter-spacing: .02em;
}

.deliz-recipe-meta__value {
	font-size: 15.5px;
	font-weight: 700;
}

/* ---------- מקטעים ---------- */

.deliz-recipe-section {
	margin: 0 0 30px;
}

.deliz-recipe-section__title {
	font-size: 23px;
	margin: 0 0 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--rcp-accent);
	display: inline-block;
}

/* ---------- מרכיבים ---------- */

.deliz-recipe-ing-list {
	list-style: none;
	margin: 0 0 8px;
	padding: 0;
}

.deliz-recipe-ing {
	border-bottom: 1px dashed var(--rcp-line);
}

.deliz-recipe-ing:last-child {
	border-bottom: 0;
}

.deliz-recipe-ing__label {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	padding: 10px 2px;
	cursor: pointer;
	line-height: 1.55;
}

.deliz-recipe-ing__check {
	flex: 0 0 auto;
	width: 19px;
	height: 19px;
	margin-top: 2px;
	accent-color: var(--rcp-accent);
	cursor: pointer;
}

.deliz-recipe-ing__text {
	transition: color .2s ease, text-decoration-color .2s ease;
}

/* הקו העדין על מרכיב שסומן */
.deliz-recipe-ing__check:checked + .deliz-recipe-ing__text {
	color: var(--rcp-muted);
	text-decoration: line-through;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--rcp-muted);
}

.deliz-recipe-ing-group__title {
	font-size: 16.5px;
	margin: 18px 0 4px;
	color: var(--rcp-accent);
}

/* ---------- שלבי ההכנה ---------- */

.deliz-recipe-step-list {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: rcp-step;
}

.deliz-recipe-step {
	display: flex;
	gap: 15px;
	padding: 0 0 20px;
	position: relative;
}

/* קו מקשר בין המספרים */
.deliz-recipe-step:not(:last-child)::before {
	content: "";
	position: absolute;
	inset-inline-start: 17px;
	top: 38px;
	bottom: 4px;
	width: 2px;
	background: var(--rcp-line);
}

.deliz-recipe-step__num {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--rcp-accent);
	color: var(--rcp-accent-text);
	font-weight: 700;
	font-size: 16px;
	position: relative;
	z-index: 1;
}

.deliz-recipe-step__body {
	padding-top: 5px;
}

.deliz-recipe-step__text {
	margin: 0;
	line-height: 1.65;
	font-size: 16px;
}

/* ---------- טיימר ---------- */

.deliz-recipe-timer {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 9px;
	padding: 5px 12px;
	border: 1px solid var(--rcp-accent);
	border-radius: 999px;
	background: transparent;
	color: var(--rcp-accent);
	font: inherit;
	font-size: 13.5px;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease;
}

.deliz-recipe-timer:hover,
.deliz-recipe-timer.is-running {
	background: var(--rcp-accent);
	color: var(--rcp-accent-text);
}

.deliz-recipe-timer.is-done {
	background: #1e7a34;
	border-color: #1e7a34;
	color: #fff;
}

/* ---------- טיפ ---------- */

.deliz-recipe-tip {
	position: relative;
	margin: 30px 0;
	padding: 20px 22px;
	background: var(--rcp-soft);
	border: 1px solid var(--rcp-line);
	border-inline-start: 4px solid var(--rcp-accent);
	border-radius: var(--rcp-radius);
}

.deliz-recipe-tip__badge {
	display: inline-block;
	margin-bottom: 7px;
	padding: 3px 12px;
	border-radius: 999px;
	background: var(--rcp-accent);
	color: var(--rcp-accent-text);
	font-size: 12.5px;
	font-weight: 700;
}

.deliz-recipe-tip__text p {
	margin: 0;
	line-height: 1.65;
}

/* ==========================================================================
   פאנל המוצרים
   ========================================================================== */

/* ==========================================================================
   המוצרים — מלבן לכל מוצר
   ========================================================================== */

.deliz-recipe-products {
	border: 1px solid var(--rcp-line);
	border-radius: var(--rcp-radius);
	background: var(--rcp-surface);
	padding: 12px 14px;
	box-shadow: 0 -2px 16px rgba(0, 0, 0, .07);
}

/*
 * סטיקי שנעצר בסוף המתכון: האלמנט דבק לתחתית המסך כל עוד ה-scope שלו נראה,
 * ונעצר בקצהו. זו התנהגות מובנית של position:sticky ולא JS.
 */
.deliz-recipe-products--sticky {
	position: sticky;
	bottom: 12px;
	z-index: 30;
}

.deliz-recipe-products__head {
	margin-bottom: 8px;
}

.deliz-recipe-products__title {
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	color: var(--rcp-muted);
}

.deliz-recipe-products__body {
	display: flex;
	align-items: center;
	gap: 12px;
}

.deliz-recipe-products__list {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	gap: 10px;
	overflow-x: auto;
	scrollbar-width: thin;
}

/* ---------- המלבן ---------- */

.deliz-recipe-product {
	flex: 0 0 265px;
	min-width: 0;
}

.deliz-recipe-product.is-oos {
	opacity: .6;
}

/* תמונה מימין · תוכן במרכז · פלוס עגול משמאל */
.deliz-recipe-product__main {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--rcp-line);
	border-radius: 10px;
	background: var(--rcp-soft);
	text-align: start;
	cursor: pointer;
	transition: border-color .16s ease, box-shadow .16s ease;
}

.deliz-recipe-product__main:hover,
.deliz-recipe-product__main:focus-visible {
	border-color: var(--rcp-accent);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
	outline: none;
}

.deliz-recipe-product.is-oos .deliz-recipe-product__main {
	cursor: default;
}

.deliz-recipe-product__img {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	object-fit: cover;
	border-radius: 8px;
	background: var(--rcp-surface);
	display: block;
}

.deliz-recipe-product__info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.deliz-recipe-product__name {
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.deliz-recipe-product__spec {
	font-size: 12.5px;
	color: var(--rcp-muted);
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.deliz-recipe-product__price {
	font-size: 14px;
	font-weight: 700;
	color: var(--rcp-accent);
	line-height: 1.3;
}

.deliz-recipe-product__oos {
	font-size: 12.5px;
	font-weight: 700;
	color: #000;
}

/* הפלוס העגול */
.deliz-recipe-product__plus {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--rcp-accent);
	color: var(--rcp-accent-text);
	transition: transform .16s ease;
}

.deliz-recipe-product__main:hover .deliz-recipe-product__plus {
	transform: scale(1.09);
}

.deliz-recipe-product__plus.is-added {
	background: #1e7a34;
}

/* שינוי חיתוך וכמות — מובייל בלבד */
.deliz-recipe-product__edit {
	display: none;
}

/* ---------- "הוסף הכל" ---------- */

.deliz-recipe-products__footer {
	flex: 0 0 auto;
}

.deliz-recipe-products__add-all {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 18px;
	border: 0;
	border-radius: 10px;
	background: var(--rcp-accent);
	color: var(--rcp-accent-text);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	transition: filter .16s ease;
}

.deliz-recipe-products__add-all:hover {
	filter: brightness(1.08);
}

.deliz-recipe-products__add-all[disabled] {
	opacity: .6;
	cursor: wait;
}

.deliz-recipe-products__add-all-total {
	padding-inline-start: 10px;
	border-inline-start: 1px solid rgba(255, 255, 255, .35);
}

.deliz-recipe-products__oos-note {
	margin: 6px 0 0;
	font-size: 12px;
	color: var(--rcp-muted);
	text-align: center;
}

.deliz-recipe-products__all-oos {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	color: var(--rcp-muted);
	font-size: 14px;
}

/* ---------- בקרת כמות (משותפת) ---------- */

.deliz-recipe-qty {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--rcp-line);
	border-radius: 999px;
	background: var(--rcp-surface);
	overflow: hidden;
}

.deliz-recipe-qty__btn {
	width: 30px;
	height: 30px;
	border: 0;
	background: transparent;
	font-size: 17px;
	line-height: 1;
	cursor: pointer;
	color: inherit;
}

.deliz-recipe-qty__btn:hover {
	background: var(--rcp-soft);
}

.deliz-recipe-qty__btn:disabled {
	opacity: .35;
	cursor: not-allowed;
}

.deliz-recipe-qty__value {
	min-width: 66px;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
}

.deliz-recipe-product__cut-select {
	flex: 1 1 auto;
	min-width: 0;
	padding: 6px 10px;
	border: 1px solid var(--rcp-line);
	border-radius: 999px;
	background: var(--rcp-surface);
	font: inherit;
	font-size: 13px;
	color: inherit;
	cursor: pointer;
}

.deliz-recipe-product__cut-select:focus {
	outline: 2px solid var(--rcp-accent);
	outline-offset: 1px;
}

.deliz-recipe-product__cut-field {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
}

/* הסטריפ צר מדי לעמודה — הכפתור יורד לשורה משלו */
@media (min-width: 981px) and (max-width: 1250px) {
	.deliz-recipe-products__body {
		flex-direction: column;
		align-items: stretch;
	}

	.deliz-recipe-products__add-all {
		width: 100%;
		justify-content: center;
	}
}

/* ---------- פירורי לחם ---------- */

/*
 * ⚠️ מחלקה משלנו ולא `.breadcrumbs` — התבנית מסתירה גלובלית
 * `.site-content .breadcrumbs { display:none }`.
 */
.deliz-recipe-crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 6px 0 16px;
	font-size: 13.5px;
	color: var(--rcp-muted);
}

.deliz-recipe-crumbs a {
	color: inherit;
	text-decoration: none;
}

.deliz-recipe-crumbs a:hover {
	color: var(--rcp-accent);
	text-decoration: underline;
}

.deliz-recipe-crumbs__current {
	color: var(--rcp-ink);
	font-weight: 600;
}

.deliz-recipe-crumbs__sep {
	opacity: .5;
}

/* Yoast מחזיר <span> פשוט — מיישרים אותו לאותו מראה */
.deliz-recipe-crumbs #breadcrumbs,
.deliz-recipe-crumbs > span {
	display: inline;
}

/* ---------- אייקוני סרגל הנתונים ---------- */

.deliz-recipe-meta__icon {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	margin-inline: auto;
	margin-bottom: 2px;
	border-radius: 50%;
	background: var(--rcp-surface);
	border: 1px solid var(--rcp-line);
	color: var(--rcp-accent);
}

/* ---------- בחירת צורת חיתוך ---------- */

.deliz-recipe-product__cut-field {
	display: block;
	margin-top: 6px;
}

.deliz-recipe-product__cut-select {
	width: 100%;
	max-width: 190px;
	padding: 5px 9px;
	border: 1px solid var(--rcp-line);
	border-radius: 999px;
	background: var(--rcp-surface);
	font: inherit;
	font-size: 12.5px;
	color: inherit;
	cursor: pointer;
}

.deliz-recipe-product__cut-select:focus {
	outline: 2px solid var(--rcp-accent);
	outline-offset: 1px;
}

/* ==========================================================================
   מובייל — סרגל צף ומגירה
   ========================================================================== */

@media (max-width: 980px) {
	/* בדסקטופ בלבד — במובייל הפאנל חי במגירה */
	.deliz-recipe-scope > .deliz-recipe-products {
		display: none;
	}
}

.deliz-recipe-bar {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 1045;
	padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
	background: var(--rcp-surface, #fff);
	box-shadow: 0 -4px 18px rgba(0, 0, 0, .13);
	transition: transform .2s ease;
}

@media (min-width: 981px) {
	.deliz-recipe-bar,
	.deliz-recipe-drawer {
		display: none !important;
	}
}

body.deliz-recipe-above-basket .deliz-recipe-bar {
	padding-bottom: 10px;
}

/*
 * מסגרת וטקסט ולא מילוי — כדי שהסרגל לא יתחרה ויזואלית ב"צפה בהזמנה"
 * שמתחתיו, שהוא הפעולה הראשית.
 */
.deliz-recipe-bar__btn {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 14px;
	border: 2px solid var(--rcp-accent);
	border-radius: 12px;
	background: var(--rcp-surface, #fff);
	color: var(--rcp-accent);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

/* עיגול ולא אליפסה — רוחב וגובה זהים, בלי ריפוד שמותח */
.deliz-recipe-bar__count {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	padding: 0;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--rcp-accent);
	color: var(--rcp-accent-text);
	font-size: 13px;
	line-height: 1;
}

.deliz-recipe-bar__label {
	flex: 1 1 auto;
	text-align: start;
}

.deliz-recipe-bar__total {
	flex: 0 0 auto;
	white-space: nowrap;
}

/* ---------- המגירה ---------- */

/*
 * 🔴 חייב להיות מעל הסרגל הצף (1045) ומעל הסל הצף של התבנית (1040) —
 * אחרת המגירה נפתחת *מתחתיהם* ונראית כאילו היא ריקה.
 */
.deliz-recipe-drawer {
	position: fixed;
	inset: 0;
	z-index: 1100;
}

/*
 * כשהמגירה פתוחה מפנים את כל מה שצף מעליה: הסרגל שלנו, כפתור הוואטסאפ
 * וכפתור הסוכן — שניהם ב-z-index גבוה מאוד ומכסים את תחתית המגירה.
 */
body.deliz-recipe-drawer-open .deliz-recipe-bar,
body.deliz-recipe-drawer-open #ocai-fab,
body.deliz-recipe-drawer-open #dwf-wrap,
body.deliz-recipe-drawer-open #ed-basket-bar {
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease;
}

.deliz-recipe-drawer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: opacity .28s ease;
}

.deliz-recipe-drawer.is-open .deliz-recipe-drawer__backdrop {
	opacity: 1;
}

.deliz-recipe-drawer__panel {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	max-height: 86vh;
	min-height: 240px;
	display: flex;
	flex-direction: column;
	background: var(--rcp-surface, #fff);
	border-radius: 18px 18px 0 0;
	transform: translateY(100%);
	transition: transform .3s cubic-bezier(.22, .61, .36, 1);
}

.deliz-recipe-drawer.is-open .deliz-recipe-drawer__panel {
	transform: translateY(0);
}

/* כותרת קבועה עם כפתור סגירה בולט — באותו מיקום כמו בפאנל "צפה בהזמנה" */
.deliz-recipe-drawer__bar {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px 10px;
	border-bottom: 1px solid var(--rcp-line);
}

.deliz-recipe-drawer__heading {
	font-size: 17px;
	font-weight: 700;
	margin: 0;
}

.deliz-recipe-drawer__close {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: var(--rcp-soft);
	color: var(--rcp-ink);
	cursor: pointer;
}

.deliz-recipe-drawer__close:hover {
	background: var(--rcp-accent);
	color: var(--rcp-accent-text);
}

.deliz-recipe-drawer__content {
	flex: 1 1 auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 12px 14px 0;
}

/* בתוך המגירה: מוצר אחד בשורה, עם שינוי חיתוך וכמות במקום */
@media (max-width: 980px) {
	.deliz-recipe-drawer .deliz-recipe-products {
		border: 0;
		padding: 0;
		box-shadow: none;
	}

	.deliz-recipe-drawer .deliz-recipe-products__head {
		display: none; /* הכותרת כבר בסרגל המגירה */
	}

	.deliz-recipe-drawer .deliz-recipe-products__body {
		display: block;
	}

	.deliz-recipe-drawer .deliz-recipe-products__list {
		display: block;
		overflow: visible;
	}

	.deliz-recipe-drawer .deliz-recipe-product {
		display: block;
		margin-bottom: 10px;
		border: 1px solid var(--rcp-line);
		border-radius: 12px;
		overflow: hidden;
	}

	.deliz-recipe-drawer .deliz-recipe-product__main {
		border: 0;
		border-radius: 0;
		background: var(--rcp-surface);
		padding: 10px 12px;
	}

	.deliz-recipe-drawer .deliz-recipe-product__img {
		width: 56px;
		height: 56px;
	}

	.deliz-recipe-drawer .deliz-recipe-product__name {
		font-size: 15px;
		white-space: normal;
	}

	/* בשורת התוכן לא חוזרים על החיתוך והכמות — הם ניתנים לשינוי מתחת */
	.deliz-recipe-drawer .deliz-recipe-product__spec {
		display: none;
	}

	.deliz-recipe-drawer .deliz-recipe-product__edit {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 0 12px 10px;
		background: var(--rcp-surface);
	}

	.deliz-recipe-drawer .deliz-recipe-qty {
		flex: 0 0 auto;
	}

	.deliz-recipe-drawer .deliz-recipe-qty__value {
		min-width: 62px;
	}

	/* "הוסף הכל" קבוע בתחתית המגירה ולא בתוך הרשימה הנגללת */
	.deliz-recipe-drawer .deliz-recipe-products__footer {
		position: sticky;
		bottom: 0;
		margin: 0 -14px;
		padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px));
		background: var(--rcp-surface);
		border-top: 1px solid var(--rcp-line);
	}

	.deliz-recipe-drawer .deliz-recipe-products__add-all {
		width: 100%;
		justify-content: center;
		font-size: 16px;
		padding: 13px 18px;
	}
}

/* פינוי מקום לסרגל הצף, שלא יכסה את סוף התוכן */
@media (max-width: 980px) {
	body.deliz-recipe-has-bar .deliz-recipe-single {
		padding-bottom: calc(80px + var(--rcp-bar-offset, 0px));
	}

	/*
	 * ⚠️ עמודת הסל היא מגירה תחתונה במובייל (position:fixed), אבל היא עדיין
	 * תופסת מקום בזרימה ויוצרת שטח לבן מתחת ל"מתכונים נוספים".
	 */
	.deliz-recipe-single .left-column,
	.deliz-recipes-archive .left-column {
		margin: 0;
		padding: 0;
	}

	.deliz-recipe-related {
		margin-bottom: 0;
	}
}

/* ==========================================================================
   מתכונים נוספים
   ========================================================================== */

.deliz-recipe-related {
	margin: 10px 0 50px;
}

.deliz-recipe-related__title {
	font-size: 24px;
	margin: 0 0 18px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--rcp-accent);
	display: inline-block;
}

/* ==========================================================================
   הודעה צפה (נוסף לסל / טיימר)
   ========================================================================== */

.deliz-recipe-toast {
	position: fixed;
	inset-block-end: 90px;
	inset-inline: 16px;
	z-index: 1100;
	margin-inline: auto;
	max-width: 420px;
	padding: 13px 18px;
	border-radius: 12px;
	background: #1c1c1c;
	color: #fff;
	font-size: 14.5px;
	text-align: center;
	box-shadow: 0 8px 26px rgba(0, 0, 0, .3);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .25s ease, transform .25s ease;
	pointer-events: none;
}

.deliz-recipe-toast.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.deliz-recipe-toast--error {
	background: #8c1a1a;
}

.deliz-recipe-toast--success {
	background: #1e7a34;
}

@media (min-width: 981px) {
	.deliz-recipe-toast {
		inset-block-end: 28px;
	}
}

/* רשת ביטחון: המודול לעולם לא מרחיב את המסמך לרוחב. */
.deliz-recipe-single,
.deliz-recipes-archive {
	overflow-x: clip;
}

/* ---------- חזרה למתכונים ---------- */

.deliz-recipe-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 6px 0 14px;
	font-size: 14px;
	font-weight: 600;
	color: var(--rcp-muted);
	text-decoration: none;
}

.deliz-recipe-back:hover {
	color: var(--rcp-accent);
}

/* החץ מצביע לכיוון הקריאה */
.deliz-recipe-back svg {
	transform: scaleX(-1);
}

body:not(.rtl) .deliz-recipe-back svg {
	transform: none;
}

/* ==========================================================================
   תגובות
   ========================================================================== */

.deliz-recipe-comments {
	margin: 36px 0 0;
	padding-top: 26px;
	border-top: 1px solid var(--rcp-line);
}

.deliz-recipe-comments__list {
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}

.deliz-recipe-comments__list .comment-body {
	padding: 14px 0;
	border-bottom: 1px dashed var(--rcp-line);
}

.deliz-recipe-comments__list .comment-author img {
	border-radius: 50%;
	vertical-align: middle;
	margin-inline-end: 8px;
}

.deliz-recipe-comments__list .comment-meta {
	font-size: 13px;
	color: var(--rcp-muted);
	margin-bottom: 6px;
}

.deliz-recipe-comments__list .children {
	list-style: none;
	margin: 0;
	padding-inline-start: 26px;
}

.deliz-recipe-comments__form {
	max-width: 620px;
}

.deliz-recipe-comments__form .comment-notes {
	color: var(--rcp-muted);
	font-size: 13.5px;
	margin-bottom: 14px;
}

.deliz-recipe-comments__form p {
	margin: 0 0 14px;
}

.deliz-recipe-comments__form label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 600;
}

.deliz-recipe-comments__form input[type="text"],
.deliz-recipe-comments__form input[type="email"],
.deliz-recipe-comments__form input[type="url"],
.deliz-recipe-comments__form input[type="number"],
.deliz-recipe-comments__form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--rcp-line);
	border-radius: 8px;
	font: inherit;
	font-size: 15px;
	background: var(--rcp-surface);
	color: inherit;
}

.deliz-recipe-comments__form textarea {
	resize: vertical;
}

.deliz-recipe-comments__form input:focus,
.deliz-recipe-comments__form textarea:focus {
	outline: 2px solid var(--rcp-accent);
	outline-offset: 1px;
	border-color: var(--rcp-accent);
}

.deliz-recipe-comments__form .submit {
	padding: 12px 30px;
	border: 0;
	border-radius: 10px;
	background: var(--rcp-accent);
	color: var(--rcp-accent-text);
	font: inherit;
	font-size: 15.5px;
	font-weight: 700;
	cursor: pointer;
}

.deliz-recipe-comments__form .submit:hover {
	filter: brightness(1.08);
}

.deliz-recipe-comments__closed {
	color: var(--rcp-muted);
}

/* הקפצ'ה — שאלת חיבור קצרה */
.deliz-recipe-captcha input {
	max-width: 130px;
}

/*
 * 🔑 מלכודת הבוטים: מוסתרת מבני אדם ומקוראי מסך, אך **לא** ב-display:none,
 * כי בוטים מתוחכמים מדלגים על שדות שמוסתרים כך. שדה שמוזז מהמסך נראה להם
 * כשדה רגיל — וזו בדיוק המטרה.
 */
/*
 * 🔴 **אסור `left: -9999px`.** באתר RTL זה יוצר אזור גלילה אופקי בן 10,000
 * פיקסלים ומשגע את כל העמוד. גוזרים במקום להזיז — מסתיר בלי להרחיב את המסמך.
 */
.deliz-recipe-hp {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

/* ==========================================================================
   הדפסה — רק המתכון, בלי ניווט, מוצרים או פעולות
   ========================================================================== */

@media print {
	.deliz-recipe-products,
	.deliz-recipe-bar,
	.deliz-recipe-drawer,
	.deliz-recipe-actions,
	.deliz-recipe-related,
	.deliz-recipe-timer,
	.deliz-recipe-video,
	.deliz-recipe-toast,
	.deliz-recipe-comments,
	.breadcrumbs,
	header.site-header,
	footer.site-footer,
	.ed-basket-bar,
	#ocai-fab {
		display: none !important;
	}

	.deliz-recipe-single {
		max-width: none;
		padding: 0;
	}

	.deliz-recipe-hero__img {
		max-height: 8cm;
		object-fit: cover;
	}

	.deliz-recipe-step,
	.deliz-recipe-ing,
	.deliz-recipe-tip {
		break-inside: avoid;
	}

	.deliz-recipe-section__title,
	.deliz-recipe-step__num {
		color: #000 !important;
		border-color: #000 !important;
	}

	.deliz-recipe-step__num {
		background: #fff !important;
		border: 2px solid #000;
	}

	a[href]::after {
		content: "";
	}
}

/* ==========================================================================
   דריסות מובייל — חייבות להיות אחרונות בקובץ
   ==========================================================================
   ⚠️ כללי המובייל נכתבו במקור ליד כללי הרשת, אבל כלל תצוגת החשיפה שמופיע
   אחריהם בקובץ הוא באותה ספציפיות ולכן ניצח אותם והטקסט נשאר בגודל דסקטופ.
   הדריסות יושבות כאן בסוף, שם הן תמיד גוברות.
   ========================================================================== */

@media (max-width: 640px) {
	.deliz-recipes-grid .deliz-recipe-card__title,
	.deliz-recipes-grid--rollover .deliz-recipe-card__title {
		font-size: 16.5px;
		line-height: 1.15;
	}

	.deliz-recipes-grid .deliz-recipe-card__subline,
	.deliz-recipes-grid .deliz-recipe-card__time,
	.deliz-recipes-grid--rollover .deliz-recipe-card__subline,
	.deliz-recipes-grid--rollover .deliz-recipe-card__time {
		font-size: 12.5px;
	}

	.deliz-recipes-grid--rollover .deliz-recipe-card__time svg {
		width: 15px;
		height: 15px;
	}

	/* מרווח מהקצוות, כמו לרשת המוצרים */
	.deliz-recipes-archive .deliz-recipes-grid,
	.deliz-recipe-related .deliz-recipes-grid {
		padding-inline: 12px;
	}

	.deliz-recipes-grid--rollover .deliz-recipe-card__overlay {
		padding: 12px;
	}
}

/* ==========================================================================
   סבב שלישי — מטבע, מצבי הפלוס, סגירה, אייקונים במובייל, תמונה
   ========================================================================== */

/*
 * 🔴 מיקום סימן המטבע נקבע בהגדרות ווקומרס, אבל `.woocommerce-Price-amount`
 * יורש direction:rtl מהדף והופך את סדר ה-markup. direction:ltr על המחיר
 * בלבד מחזיר את הסימן לצד שהוגדר — אותו תיקון שכבר קיים בסל הצף.
 * (הכללים האלה אבדו בשכתוב קודם של הקובץ ולכן הסימן חזר להתהפך.)
 */
.deliz-recipe-product__price .woocommerce-Price-amount,
.deliz-recipe-products__add-all-total .woocommerce-Price-amount,
.deliz-recipe-bar__total .woocommerce-Price-amount,
.deliz-recipe-products__total .woocommerce-Price-amount {
	direction: ltr;
	display: inline-block;
}

/* ---------- שלושת מצבי הפלוס ---------- */

.deliz-recipe-product__plus {
	position: relative;
	flex: 0 0 32px;      /* לא מתכווץ — העיגול נחתך בלי זה */
	width: 32px;
	height: 32px;
	align-self: center;
}

.deliz-recipe-product__ico {
	position: absolute;
	inset: 0;
	margin: auto;
	transition: opacity .15s ease, transform .15s ease;
}

.deliz-recipe-product__ico--spin,
.deliz-recipe-product__ico--check {
	opacity: 0;
	transform: scale(.7);
}

.deliz-recipe-product__plus.is-loading .deliz-recipe-product__ico--plus,
.deliz-recipe-product__plus.is-added .deliz-recipe-product__ico--plus {
	opacity: 0;
	transform: scale(.7);
}

.deliz-recipe-product__plus.is-loading .deliz-recipe-product__ico--spin {
	opacity: 1;
	transform: none;
	animation: deliz-recipe-spin .7s linear infinite;
}

.deliz-recipe-product__plus.is-added .deliz-recipe-product__ico--check {
	opacity: 1;
	transform: none;
}

.deliz-recipe-product__plus.is-added {
	background: #1e7a34;
}

@keyframes deliz-recipe-spin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.deliz-recipe-product__ico--spin { animation: none !important; }
}

/* ---------- כפתור הסגירה: מבטלים רק את המיקום המוחלט ---------- */

.deliz-recipe-drawer__close.default-close-btn {
	position: static;
	inset: auto;
	flex: 0 0 34px;
}

/* ---------- חזרה למתכונים: החץ לכיוון הקריאה ---------- */

.deliz-recipe-back svg,
body:not(.rtl) .deliz-recipe-back svg {
	transform: none;
}

/* ---------- תמונת המתכון ---------- */

.deliz-recipe-hero__img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: var(--rcp-radius);
	display: block;
}

.deliz-recipe-hero.is-natural .deliz-recipe-hero__img { aspect-ratio: auto; }
.deliz-recipe-hero.is-ratio-16-9 .deliz-recipe-hero__img { aspect-ratio: 16 / 9; }
.deliz-recipe-hero.is-ratio-3-2  .deliz-recipe-hero__img { aspect-ratio: 3 / 2; }
.deliz-recipe-hero.is-ratio-4-3  .deliz-recipe-hero__img { aspect-ratio: 4 / 3; }
.deliz-recipe-hero.is-ratio-1-1  .deliz-recipe-hero__img { aspect-ratio: 1 / 1; }

/* במסך צר יחס רחב נהיה נמוך מדי — מעלים אותו דרגה */
@media (max-width: 640px) {
	.deliz-recipe-hero.is-ratio-16-9 .deliz-recipe-hero__img { aspect-ratio: 3 / 2; }
	.deliz-recipe-hero.is-ratio-3-2  .deliz-recipe-hero__img { aspect-ratio: 4 / 3; }
}

/* ==========================================================================
   מובייל — שורת הנתונים כסרגל נגלל
   ========================================================================== */

@media (max-width: 640px) {
	/*
	 * ארבעה ריבועים ברשת תפסו רבע מסך. עכשיו זו שורה אחת נגללת: האייקון
	 * והערך זה לצד זה, וגלילה אופקית אם לא נכנס — במקום גובה.
	 */
	.deliz-recipe-meta {
		display: flex;
		grid-template-columns: none;
		gap: 8px;
		padding: 10px;
		overflow-x: auto;
		scrollbar-width: none;
		scroll-snap-type: x proximity;
	}

	.deliz-recipe-meta::-webkit-scrollbar {
		display: none;
	}

	.deliz-recipe-meta__item {
		flex: 0 0 auto;
		flex-direction: row;
		align-items: center;
		gap: 7px;
		padding: 6px 12px 6px 8px;
		border-radius: 999px;
		background: var(--rcp-surface);
		border: 1px solid var(--rcp-line);
		text-align: start;
		scroll-snap-align: start;
	}

	.deliz-recipe-meta__icon {
		width: 26px;
		height: 26px;
		margin: 0;
		border: 0;
		background: none;
	}

	.deliz-recipe-meta__icon svg {
		width: 18px;
		height: 18px;
	}

	/* התווית והערך זה מעל זה, צמודים — צר וקריא */
	.deliz-recipe-meta__item > .deliz-recipe-meta__label,
	.deliz-recipe-meta__item > .deliz-recipe-meta__value {
		display: block;
	}

	.deliz-recipe-meta__label {
		font-size: 11px;
		line-height: 1.1;
	}

	.deliz-recipe-meta__value {
		font-size: 13.5px;
		line-height: 1.15;
		white-space: nowrap;
	}
}

/* ==========================================================================
   מובייל — יישור שורת החיתוך והכמות במגירה
   ========================================================================== */

@media (max-width: 980px) {
	.deliz-recipe-drawer .deliz-recipe-product__edit {
		align-items: stretch;
	}

	/* שני הפקדים בדיוק באותו גובה */
	.deliz-recipe-drawer .deliz-recipe-product__cut-field,
	.deliz-recipe-drawer .deliz-recipe-product__cut-select,
	.deliz-recipe-drawer .deliz-recipe-qty {
		height: 36px;
		box-sizing: border-box;
	}

	.deliz-recipe-drawer .deliz-recipe-product__cut-select {
		padding-block: 0;
		line-height: 34px;
	}

	.deliz-recipe-drawer .deliz-recipe-qty__btn {
		height: 34px;
	}

	/*
	 * שדה החיתוך ברוחב התוכן ולא ברוחב מלא — הוא היה רחב פי כמה מהערך שבו.
	 * `width: auto` מאפשר ל-select להתכווץ לתוכן, והמקסימום מונע גלישה.
	 */
	.deliz-recipe-drawer .deliz-recipe-product__cut-field {
		flex: 0 1 auto;
	}

	.deliz-recipe-drawer .deliz-recipe-product__cut-select {
		width: auto;
		max-width: 100%;
		padding-inline: 14px 10px;
	}
}

/*
 * 🔴 התבנית אינה מגדירה box-sizing גלובלי לאלמנטים האלה, ולכן `width: 100%`
 * יחד עם ריפוד אופקי הוציא את המלבן 23px מחוץ לכרטיס — והעיגול נחתך.
 */
.deliz-recipe-product,
.deliz-recipe-product__main,
.deliz-recipe-product__info,
.deliz-recipe-product__edit,
.deliz-recipe-products,
.deliz-recipe-products__footer,
.deliz-recipe-drawer__panel,
.deliz-recipe-drawer__content,
.deliz-recipe-drawer__bar {
	box-sizing: border-box;
}