/* Meshek Daniel Omer – כפתור כמות בסגנון וולט, בצבעי משק דניאל */

:root {
	--mdo-dark: #3E4A38;
	--mdo-green: #878652;
	--mdo-tab-bg: #FFFFFF;         /* רקע הלשונית: לבן, בלי צבע */
	--mdo-on-tab: #3E4A38;         /* "+" והמספר על הלשונית */
	--mdo-cream: #FAF4E8;
	--mdo-brand: #1D3115;          /* הירוק של המשק: כפתורי החיפוש וחלון המוצר */
	--mdo-strong: #3E4A38;         /* הירוק הכהה של המשק: "+" ו-"−" בחלון הסל */
	--mdo-light: #3E4A38;          /* הירוק הכהה של המשק: ה-"+" בכרטיס המוצר */
	--mdo-white: #FFFFFF;
	--mdo-card-radius: 25px;       /* רדיוס הפינה של כרטיסי המוצר באתר */
	--mdo-tab: 48px;               /* גודל הלשונית הסגורה */
	--mdo-curve: 28px;             /* העיקול בצד הפנימי של הלשונית */
	--mdo-pill: 40px;              /* גובה הכפתור הלבן הפתוח */
	--mdo-pill-offset: 12px;       /* המרחק שלו מפינת הכרטיס */
}

/* הכרטיס הופך לנקודת עיגון, כדי שהלשונית תשב בפינה שלו */
li.product:has(> .mdo-stepper),
li.product:has(> .mdo-soldout) {
	position: relative;
}

/* שורת הכמות הישנה (Qty Increment Buttons) כבר לא נחוצה בכרטיסים עם הכפתור החדש */
li.product:has(> .mdo-stepper) .quantity,
li.product:has(> .mdo-stepper) .qib-container,
li.product:has(> .mdo-stepper) .qib-button,
li.product:has(> .mdo-soldout) .quantity,
li.product:has(> .mdo-soldout) .qib-container,
li.product:has(> .mdo-soldout) .qib-button {
	display: none !important;
}

/* ---------- הלשונית ---------- */

.mdo-stepper {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	box-sizing: border-box;
	direction: rtl;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: var(--mdo-tab);
	height: var(--mdo-tab);
	margin: 0;
	padding: 0;
	/* פינה עליונה-שמאלית כמו הכרטיס, עיקול גדול בפינה הפנימית */
	/* הפינה החיצונית מקבלת בדיוק את העיגול של הכרטיס, כדי שהלשונית תמלא את השפיץ;
	   הפינה הפנימית מעוגלת, כמו בוולט. */
	border-radius: var(--mdo-card-radius) 0 var(--mdo-curve) 0;
	border-top-left-radius: inherit;
	background: var(--mdo-tab-bg);
	color: var(--mdo-on-tab);
	/* צל עדין רק לכיוון הכרטיס, כדי שהלשונית הלבנה תיראה */
	box-shadow: 2px 2px 8px rgba(30, 38, 26, .14);
	font-family: "Rubik", sans-serif;
	line-height: 1;
	user-select: none;
	-webkit-user-select: none;
	transition: background-color .15s ease;
}

/* ---------- כפתורים ---------- */

.mdo-stepper .mdo-btn,
.mdo-stepper .mdo-badge {
	box-sizing: border-box;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--mdo-tab);
	height: var(--mdo-tab);
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--mdo-on-tab);
	font-family: inherit;
	font-size: 19px;
	font-weight: 700;
	line-height: 1;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	cursor: pointer;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .15s ease, transform .1s ease;
}

.mdo-stepper .mdo-btn:hover,
.mdo-stepper .mdo-btn:focus,
.mdo-stepper .mdo-badge:hover,
.mdo-stepper .mdo-badge:focus {
	background: transparent;
	color: var(--mdo-on-tab);
}

.mdo-stepper .mdo-btn:active,
.mdo-stepper .mdo-badge:active {
	transform: scale(.88);
}

.mdo-stepper .mdo-btn:focus-visible,
.mdo-stepper .mdo-badge:focus-visible {
	outline: 2px solid var(--mdo-dark);
	outline-offset: -4px;
}

.mdo-stepper .mdo-btn:disabled {
	opacity: .4;
	cursor: default;
}

.mdo-stepper .mdo-ico {
	display: block;
	width: 22px;
	height: 22px;
	pointer-events: none;
}

.mdo-stepper .mdo-qty {
	display: none;
	min-width: 28px;
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	color: var(--mdo-on-tab);
	font-variant-numeric: tabular-nums;
}

.mdo-stepper .mdo-badge {
	display: none;
	font-size: 20px;
	font-variant-numeric: tabular-nums;
}

/* ---------- מצבים ---------- */

/* סגור: "+" בלבד, או המספר אם יש בסל */
.mdo-stepper .mdo-minus {
	display: none;
}

.mdo-stepper.has-qty:not(.is-open) .mdo-plus {
	display: none;
}

.mdo-stepper.has-qty:not(.is-open) .mdo-badge {
	display: inline-flex;
}

/* פתוח: כפתור לבן מעוגל "− כמות +", צף על פינת התמונה */
.mdo-stepper.is-open {
	top: var(--mdo-pill-offset);
	left: var(--mdo-pill-offset);
	min-width: 0;
	height: var(--mdo-pill);
	border-radius: calc(var(--mdo-pill) / 2);
	border-top-left-radius: calc(var(--mdo-pill) / 2);
	background: var(--mdo-white);
	color: var(--mdo-dark);
	box-shadow: 0 2px 10px rgba(30, 38, 26, .18);
	animation: mdo-open .18s ease-out;
}

.mdo-stepper.is-open .mdo-minus {
	display: inline-flex;
}

.mdo-stepper.is-open .mdo-qty {
	display: inline-block;
	color: var(--mdo-dark);
}

.mdo-stepper.is-open .mdo-btn {
	width: var(--mdo-pill);
	height: var(--mdo-pill);
	border-radius: 50%;
	background: transparent;
	color: var(--mdo-dark);
}

.mdo-stepper.is-open .mdo-btn:hover,
.mdo-stepper.is-open .mdo-btn:focus {
	background: transparent;
	color: var(--mdo-dark);
}

.mdo-stepper.is-open .mdo-ico {
	width: 20px;
	height: 20px;
}

/* הדגשה במעבר עכבר – רק במחשב, כדי שבטלפון לא תישאר הדגשה אחרי לחיצה */
@media (hover: hover) {
	.mdo-stepper.is-open .mdo-btn:hover {
		background: var(--mdo-cream);
	}
}

/* באריזה האחרונה, "−" הופך לפח */
.mdo-stepper .mdo-ico-trash,
.mdo-stepper.is-last .mdo-ico-minus {
	display: none;
}

.mdo-stepper.is-last .mdo-ico-trash {
	display: block;
}

/* בזמן שהשרת מאשר */
.mdo-stepper.is-busy .mdo-qty,
.mdo-stepper.is-busy .mdo-badge {
	opacity: .7;
}

@keyframes mdo-open {
	from {
		opacity: .4;
		transform: scaleX(.6);
		transform-origin: left center;
	}
	to {
		opacity: 1;
		transform: scaleX(1);
		transform-origin: left center;
	}
}

/* ---------- אזל מהמלאי ---------- */

.mdo-soldout {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: var(--mdo-tab);
	padding: 0 16px 0 14px;
	border-radius: var(--mdo-card-radius) 0 var(--mdo-curve) 0;
	border-top-left-radius: inherit;
	background: #EDEDED;
	color: #6B6B6B;
	font-family: "Rubik", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

li.product:has(> .mdo-soldout) img {
	opacity: .45;
	filter: grayscale(.6);
}

/* ---------- כמות בתוך חלון הסל ---------- */

/* "1 ×" של אלמנטור מוסתר – התיבה מציגה את הכמות */
.mdo-has-stepper .product-quantity {
	display: none;
}

.mdo-has-stepper .elementor-menu-cart__product-price,
.mdo-has-stepper .product-price {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

/*
 * תיבת כמות עדינה (חלון הסל והחיפוש): מסגרת דקה עם המספר ו"אריזה".
 * מעבר עכבר (במחשב) או נגיעה (בטלפון) פותחים "− כמות +" באותה מסגרת, בירוק של המשק.
 */
.mdo-stepper .mdo-qty-wrap {
	display: none;
}

.mdo-stepper.mdo-in-drawer,
.mdo-stepper.mdo-in-search.has-qty {
	position: static;
	top: auto;
	left: auto;
	right: auto;
	flex: 0 0 auto;
	min-width: 0;
	height: 50px;
	padding: 0;
	border: 1px solid #D9D9D4;
	border-radius: 4px;
	border-top-left-radius: 4px;
	background: var(--mdo-white);
	color: #2E3329;
	box-shadow: none;
	animation: none;
	transition: border-color .15s ease;
}

.mdo-stepper.mdo-in-drawer.is-open,
.mdo-stepper.mdo-in-search.has-qty.is-open {
	position: static;
	top: auto;
	left: auto;
	height: 50px;
	border-radius: 4px;
	border-top-left-radius: 4px;
	border-color: #C9C9C2;
	background: var(--mdo-white);
	box-shadow: none;
	animation: none;
}

.mdo-stepper.mdo-in-drawer .mdo-badge,
.mdo-stepper.mdo-in-search .mdo-badge {
	flex-direction: column;
	gap: 3px;
	width: auto;
	min-width: 52px;
	height: 48px;
	padding: 0 8px;
	border-radius: 4px;
	color: #2E3329;
}

.mdo-stepper.mdo-in-drawer .mdo-badge:active,
.mdo-stepper.mdo-in-search .mdo-badge:active {
	transform: none;
}

.mdo-stepper.mdo-in-drawer .mdo-badge-num,
.mdo-stepper.mdo-in-search .mdo-badge-num,
.mdo-stepper.mdo-in-drawer .mdo-qty,
.mdo-stepper.mdo-in-search .mdo-qty {
	font-size: 17px;
	font-weight: 500;
	line-height: 1;
	color: #2E3329;
}

.mdo-stepper.mdo-in-drawer .mdo-unit,
.mdo-stepper.mdo-in-search .mdo-unit {
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: #6E6E68;
}

/* פתוח: "− 1 +" – המספר ו"אריזה" באמצע, הכפתורים בירוק של המשק */
.mdo-stepper.mdo-in-drawer.is-open .mdo-qty-wrap,
.mdo-stepper.mdo-in-search.is-open .mdo-qty-wrap {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-width: 34px;
}

.mdo-stepper.mdo-in-drawer.is-open .mdo-qty,
.mdo-stepper.mdo-in-search.is-open .mdo-qty {
	display: block;
	min-width: 0;
}

.mdo-stepper.mdo-in-drawer .mdo-btn,
.mdo-stepper.mdo-in-search.has-qty .mdo-btn,
.mdo-stepper.mdo-in-drawer.is-open .mdo-btn,
.mdo-stepper.mdo-in-search.is-open .mdo-btn,
.mdo-stepper.mdo-in-drawer.is-open .mdo-btn:hover,
.mdo-stepper.mdo-in-search.is-open .mdo-btn:hover,
.mdo-stepper.mdo-in-drawer.is-open .mdo-btn:focus,
.mdo-stepper.mdo-in-search.is-open .mdo-btn:focus {
	width: 36px;
	height: 48px;
	border-radius: 4px;
	background: transparent;
	color: var(--mdo-brand);
}

.mdo-stepper.mdo-in-drawer .mdo-ico,
.mdo-stepper.mdo-in-search.has-qty .mdo-ico {
	width: 20px;
	height: 20px;
}

@media (hover: hover) {
	.mdo-stepper.mdo-in-drawer.is-open .mdo-btn:hover,
	.mdo-stepper.mdo-in-search.is-open .mdo-btn:hover {
		background: #F3F4EF;
	}
}

/* בחיפוש, לפני שיש בסל: עיגול ירוק מלא עם "+" */
.mdo-stepper.mdo-in-search:not(.has-qty) {
	position: static;
	top: auto;
	left: auto;
	right: auto;
	min-width: 0;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	border-top-left-radius: 50%;
	background: transparent;
	box-shadow: none;
	animation: none;
}

.mdo-stepper.mdo-in-search:not(.has-qty) .mdo-plus {
	display: inline-flex;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--mdo-brand);
	color: #FFFFFF;
}

.mdo-stepper.mdo-in-search:not(.has-qty) .mdo-ico {
	width: 22px;
	height: 22px;
}

@media (hover: hover) {
	.mdo-stepper.mdo-in-search:not(.has-qty) .mdo-plus:hover {
		background: #2B4520;
		color: #FFFFFF;
	}
}

/* ---------- חיפוש מהיר ---------- */

.mdo-search {
	position: fixed;
	z-index: 100001;
	box-sizing: border-box;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 0;
	border: 1px solid #E2E2E2;
	border-radius: 8px;
	background: #FFFFFF;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .14);
	font-family: "Rubik", sans-serif;
	direction: rtl;
	text-align: right;
}

.mdo-search[hidden] {
	display: none;
}

.mdo-search__row {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 78px;
	padding: 10px 16px;
	cursor: pointer;
}

@media (hover: hover) {
	.mdo-search__row:hover {
		background: #FAFAF7;
	}
}

.mdo-search__img {
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
}

.mdo-search__img img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.mdo-search__text {
	flex: 1 1 auto;
	min-width: 0;
	color: #6B6B6B;
	text-decoration: none;
}

.mdo-search__text:hover,
.mdo-search__text:focus {
	color: #3E3E3E;
	text-decoration: none;
}

.mdo-search__name {
	display: block;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.45;
}

.mdo-search__buy {
	flex: 0 0 auto;
}

.mdo-search__soldout,
.mdo-search__choose {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 13px;
	white-space: nowrap;
}

.mdo-search__soldout {
	color: #8A8A80;
	background: #F2F2EE;
}

.mdo-search__choose {
	color: #FFFFFF;
	background: var(--mdo-brand);
}

.mdo-search__row.is-soldout .mdo-search__img img {
	opacity: .5;
}

.mdo-search__empty {
	padding: 18px;
	font-size: 16px;
	color: #6B6B6B;
}

.mdo-search__all {
	display: block;
	padding: 16px 18px;
	border-top: 1px solid #D9D9D9;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	color: #1D3115;
	text-decoration: none;
}

.mdo-search__all:hover,
.mdo-search__all:focus {
	color: #1D3115;
	text-decoration: underline;
}

/* ---------- פס הסל התחתון (נייד בלבד) ---------- */

.mdo-cartbar {
	display: none;
}

@media (max-width: 767px) {
	.mdo-cartbar {
		position: fixed;
		z-index: 998;
		left: 12px;
		right: 12px;
		bottom: 10px;
		display: block;
		pointer-events: none;
		opacity: 0;
		transform: translateY(16px);
		transition: opacity .2s ease, transform .2s ease;
	}

	.mdo-cartbar.is-visible {
		pointer-events: auto;
		opacity: 1;
		transform: translateY(0);
	}

	.mdo-cartbar__btn {
		box-sizing: border-box;
		direction: rtl;
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		height: 56px;
		margin: 0;
		padding: 0 16px;
		border: 0;
		border-radius: 14px;
		background: #1D3115;
		color: var(--mdo-cream);
		font-family: "Rubik", sans-serif;
		font-size: 17px;
		font-weight: 700;
		line-height: 1;
		text-transform: none;
		letter-spacing: 0;
		box-shadow: 0 6px 20px rgba(0, 0, 0, .22);
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.mdo-cartbar__btn:hover,
	.mdo-cartbar__btn:focus {
		background: #1D3115;
		color: var(--mdo-cream);
	}

	.mdo-cartbar__btn:active {
		transform: scale(.98);
	}

	.mdo-cartbar__count {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 30px;
		height: 30px;
		padding: 0 6px;
		box-sizing: border-box;
		border-radius: 15px;
		background: var(--mdo-cream);
		color: #1D3115;
		font-size: 15px;
		font-variant-numeric: tabular-nums;
	}

	.mdo-cartbar__label {
		flex: 1 1 auto;
		text-align: right;
	}

	.mdo-cartbar__total {
		font-variant-numeric: tabular-nums;
	}

	/* שהפס לא יסתיר את המוצרים האחרונים בעמוד */
	body.mdo-cartbar-on {
		padding-bottom: var(--mdo-bar-space, 80px);
	}
}

/* ---------- הודעה קצרה בתחתית המסך ---------- */

.mdo-toast {
	position: fixed;
	z-index: 99999;
	left: 50%;
	bottom: 24px;
	max-width: calc(100% - 32px);
	padding: 12px 20px;
	border-radius: 14px;
	background: var(--mdo-dark);
	color: var(--mdo-cream);
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	direction: rtl;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 16px);
	transition: opacity .2s ease, transform .2s ease;
}

.mdo-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

/* ---------- נייד ---------- */

@media (max-width: 767px) {
	:root {
		--mdo-tab: 44px;
		--mdo-curve: 24px;
		--mdo-pill: 36px;
		--mdo-pill-offset: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mdo-stepper,
	.mdo-stepper .mdo-btn,
	.mdo-stepper .mdo-badge,
	.mdo-cartbar,
	.mdo-toast {
		animation: none;
		transition: none;
	}
}

/* ---------- מעבר בין קטגוריות ---------- */

/* בזמן טעינת קטגוריה: התוכן מעט שקוף, ופס התקדמות דק בראש המסך */
html.mdo-loading [data-elementor-type="wp-page"] {
	opacity: .45;
	pointer-events: none;
	transition: opacity .15s ease;
}

html.mdo-loading body::before {
	content: "";
	position: fixed;
	z-index: 100000;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--mdo-green), transparent);
	background-size: 50% 100%;
	background-repeat: no-repeat;
	animation: mdo-progress 1s linear infinite;
}

@keyframes mdo-progress {
	from {
		background-position: -50% 0;
	}
	to {
		background-position: 150% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.mdo-loading body::before {
		animation: none;
		background: var(--mdo-green);
	}
}


/* ---------- "רוקנו" בראש חלון הסל ---------- */

.mdo-drawer-head {
	display: flex;
	justify-content: flex-start;
	padding: 4px 4px 10px;
	direction: rtl;
}

.mdo-drawer-head.is-hidden {
	display: none;
}

.mdo-empty,
.mdo-empty:hover,
.mdo-empty:focus,
.mdo-empty:active {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	min-width: 48px;
	margin: 0;
	padding: 4px 6px;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	color: var(--mdo-brand) !important;
	font-family: "Rubik", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	box-shadow: none;
	outline: none;
}

.mdo-empty:focus-visible {
	outline: 2px solid var(--mdo-green);
	outline-offset: 2px;
}

.mdo-empty .mdo-ico {
	display: block;
	width: 26px;
	height: 26px;
	stroke-width: 1.5;
}



.widget_shopping_cart_content.mdo-emptying {
	opacity: .35;
	pointer-events: none;
	transition: opacity .15s ease;
}

/* ---------- חלון הסל: רחב, וכל מוצר בשורה אחת (כמו בדוגמה) ---------- */
/* X | תמונה | שם ומחיר לאריזה | תיבת כמות | סכום השורה */

.elementor-menu-cart__main {
	box-sizing: border-box !important;
	width: min(600px, 100vw) !important;  /* טלפון: כל הרוחב */
	max-width: 100vw !important;
}

.elementor-menu-cart__main .elementor-menu-cart__product.mdo-has-stepper {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 72px minmax(0, 1fr) 150px minmax(76px, auto);
	grid-template-rows: auto auto;
	column-gap: 16px;
	row-gap: 4px;
	align-items: center;
	padding: 18px 26px 18px 0 !important;
	border-bottom: 1px solid #E4E4E4 !important;
	font-family: "Rubik", sans-serif;
}

.mdo-has-stepper .elementor-menu-cart__product-image,
.mdo-has-stepper .product-thumbnail {
	grid-column: 1 !important;
	grid-row: 1 / 3 !important;
	width: 72px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mdo-has-stepper .elementor-menu-cart__product-image img,
.mdo-has-stepper .product-thumbnail img {
	display: block;
	width: 72px !important;
	height: 72px !important;
	object-fit: contain;
}

.mdo-has-stepper .elementor-menu-cart__product-name,
.mdo-has-stepper .product-name {
	grid-column: 2 !important;
	grid-row: 1 !important;
	align-self: end;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
}

.mdo-has-stepper .elementor-menu-cart__product-name a,
.mdo-has-stepper .product-name a {
	color: #2B2B2B !important;
	font-weight: 400 !important;
	text-decoration: none !important;
}

/* המחיר "מתפרק" לתאי השורה: מחיר לאריזה, תיבת כמות, סכום השורה */
.mdo-has-stepper .elementor-menu-cart__product-price,
.mdo-has-stepper .product-price {
	display: contents !important;
}

.mdo-has-stepper .quantity {
	grid-column: 2;
	grid-row: 2;
	align-self: start;
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #8A8A8A !important;
}

.mdo-has-stepper .quantity .woocommerce-Price-amount,
.mdo-has-stepper .quantity bdi {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #8A8A8A !important;
}

.mdo-has-stepper .quantity::after {
	content: " / " attr(data-mdo-unit);
}

.mdo-has-stepper .quantity:not([data-mdo-unit])::after {
	content: " / אריזה";
}

.mdo-has-stepper .product-quantity {
	display: none !important; /* "2 ×" – הכמות כבר בתיבה */
}

/* תיבת הכמות: מסגרת עדינה, מעט גדולה יותר בשורה הרחבה */
.mdo-has-stepper .mdo-stepper.mdo-in-drawer {
	grid-column: 3;
	grid-row: 1 / 3;
	justify-self: center;
	height: 58px;
	border-color: #D4D4D4;
	border-radius: 3px;
	border-top-left-radius: 3px;
}

.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-badge {
	min-width: 58px;
	height: 56px;
	border-radius: 3px;
}

.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-btn,
.mdo-has-stepper .mdo-stepper.mdo-in-drawer.is-open .mdo-btn {
	width: 40px;
	height: 56px;
	border-radius: 3px;
}

.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-badge-num,
.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-qty {
	font-size: 19px;
	font-weight: 400;
	color: #1F1F1F;
}

.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-unit {
	font-size: 13px;
	color: #9A9A9A;
}

.mdo-has-stepper .mdo-stepper.mdo-in-drawer.is-open .mdo-unit {
	font-weight: 700;
	color: #4A4A4A;
}

.mdo-has-stepper .mdo-line-total {
	grid-column: 4;
	grid-row: 1;
	align-self: end;
	justify-self: end;
	font-size: 19px;
	font-weight: 500;
	color: #3A3A3A;
	white-space: nowrap;
}

.mdo-has-stepper .mdo-line-total .woocommerce-Price-amount,
.mdo-has-stepper .mdo-line-total bdi {
	font-size: 19px;
	font-weight: 500;
	color: #3A3A3A;
}

/* X קטן ואפור בפינה, ליד התמונה */
.mdo-has-stepper .elementor-menu-cart__product-remove,
.mdo-has-stepper .product-remove {
	position: absolute !important;
	top: 18px !important;
	right: 0 !important;
	left: auto !important;
	bottom: auto !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	transform: none !important;
	opacity: .55;
}

.mdo-has-stepper .elementor-menu-cart__product-remove:hover,
.mdo-has-stepper .product-remove:hover {
	opacity: 1;
}

@media (max-width: 480px) {
	.elementor-menu-cart__main .elementor-menu-cart__product.mdo-has-stepper {
		grid-template-columns: 56px minmax(0, 1fr) 124px minmax(60px, auto);
		column-gap: 10px;
		padding: 14px 22px 14px 0 !important;
	}

	.mdo-has-stepper .elementor-menu-cart__product-image,
	.mdo-has-stepper .product-thumbnail,
	.mdo-has-stepper .elementor-menu-cart__product-image img,
	.mdo-has-stepper .product-thumbnail img {
		width: 56px !important;
		height: 56px !important;
	}

	.mdo-has-stepper .elementor-menu-cart__product-name,
	.mdo-has-stepper .product-name {
		font-size: 15px !important;
	}

	.mdo-has-stepper .mdo-line-total,
	.mdo-has-stepper .mdo-line-total .woocommerce-Price-amount,
	.mdo-has-stepper .mdo-line-total bdi {
		font-size: 16px;
	}
}

/* ---------- 1.2.2 ---------- */

/* חלון הסל: "+" ו-"−" בירוק חזק; בלי שום תזוזה במעבר עכבר */
.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-btn,
.mdo-has-stepper .mdo-stepper.mdo-in-drawer.is-open .mdo-btn,
.mdo-has-stepper .mdo-stepper.mdo-in-drawer.is-open .mdo-btn:hover,
.mdo-has-stepper .mdo-stepper.mdo-in-drawer.is-open .mdo-btn:focus {
	color: var(--mdo-strong);
	background: transparent;
}

.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-ico {
	stroke-width: 2.6;
}

.mdo-has-stepper .mdo-stepper.mdo-in-drawer,
.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-btn,
.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-badge {
	transition: none;
	animation: none;
}

.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-btn:active,
.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-badge:active {
	transform: none;
}

/* כרטיס מוצר: רק סימן ה-"+" בלשונית – בירוק הבהיר של המשק */
li.product > .mdo-stepper:not(.has-qty):not(.is-open) .mdo-plus,
li.product > .mdo-stepper:not(.has-qty):not(.is-open) .mdo-plus:hover,
li.product > .mdo-stepper:not(.has-qty):not(.is-open) .mdo-plus:focus,
.mdo-rel-item > .mdo-stepper:not(.has-qty):not(.is-open) .mdo-plus,
.mdo-rel-item > .mdo-stepper:not(.has-qty):not(.is-open) .mdo-plus:hover {
	color: var(--mdo-light);
}

/* "רוקנו": לא זז ולא משתנה במעבר עכבר (גם אם לעיצוב של האתר יש אפקט לכפתורים) */
.mdo-drawer-head .mdo-empty,
.mdo-drawer-head .mdo-empty:hover,
.mdo-drawer-head .mdo-empty:focus,
.mdo-drawer-head .mdo-empty:active {
	min-width: 48px !important;
	margin: 0 !important;
	padding: 4px 6px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	letter-spacing: normal !important;
	text-decoration: none !important;
	color: var(--mdo-brand) !important;
}

.mdo-drawer-head .mdo-empty .mdo-ico,
.mdo-drawer-head .mdo-empty:hover .mdo-ico {
	width: 26px !important;
	height: 26px !important;
	transform: none !important;
	transition: none !important;
}

/* מוצר שירד ל-0: השורה נעלמת מיד (גובר על תצוגת השורה הרחבה) */
.elementor-menu-cart__main .elementor-menu-cart__product[data-mdo-hidden] {
	display: none !important;
}

/* ---------- 1.2.8 ---------- */

/* בלי מסגרת כתומה אחרי לחיצה (העיצוב של האתר מוסיף אותה לכל כפתור).
   במקלדת בלבד (Tab) – מסגרת עדינה בירוק הכהה של המשק. */
.mdo-stepper .mdo-btn:focus,
.mdo-stepper .mdo-badge:focus,
.mdo-stepper .mdo-btn:active,
.mdo-stepper .mdo-badge:active,
.mdo-empty:focus,
.mdo-search__row:focus,
.mdo-search__text:focus,
.mdo-search__img:focus,
.mdo-search__all:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color: transparent;
}

.mdo-stepper.mdo-in-drawer .mdo-btn:focus,
.mdo-stepper.mdo-in-search .mdo-btn:focus,
.mdo-stepper.mdo-in-drawer .mdo-badge:focus,
.mdo-stepper.mdo-in-search .mdo-badge:focus {
	border: 0 !important;
}

.mdo-stepper .mdo-btn:focus-visible,
.mdo-stepper .mdo-badge:focus-visible,
.mdo-empty:focus-visible,
.mdo-search__all:focus-visible {
	outline: 2px solid #3E4A38 !important;
	outline-offset: -3px !important;
}

/* חלון הסל בטלפון: שורה צפופה פחות – המחיר לאריזה בשורה אחת, תיבת כמות קומפקטית */
@media (max-width: 480px) {
	.elementor-menu-cart__main .elementor-menu-cart__product.mdo-has-stepper {
		grid-template-columns: 52px minmax(0, 1fr) 96px minmax(58px, auto);
		column-gap: 10px;
	}

	.mdo-has-stepper .elementor-menu-cart__product-image,
	.mdo-has-stepper .product-thumbnail,
	.mdo-has-stepper .elementor-menu-cart__product-image img,
	.mdo-has-stepper .product-thumbnail img {
		width: 52px !important;
		height: 52px !important;
	}

	.mdo-has-stepper .elementor-menu-cart__product-name,
	.mdo-has-stepper .product-name {
		font-size: 15px !important;
	}

	.mdo-has-stepper .quantity,
	.mdo-has-stepper .quantity .woocommerce-Price-amount,
	.mdo-has-stepper .quantity bdi {
		font-size: 12px !important;
		white-space: nowrap !important;
	}

	.mdo-has-stepper .mdo-stepper.mdo-in-drawer {
		height: 50px;
	}

	.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-badge {
		min-width: 50px;
		height: 48px;
	}

	.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-btn,
	.mdo-has-stepper .mdo-stepper.mdo-in-drawer.is-open .mdo-btn {
		width: 32px;
		height: 48px;
	}

	.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-badge-num,
	.mdo-has-stepper .mdo-stepper.mdo-in-drawer .mdo-qty {
		font-size: 17px;
	}
}

/* מחשב: חלון סל רחב יותר */
@media (min-width: 768px) {
	.elementor-menu-cart__main {
		width: min(720px, 100vw) !important;
	}

	.elementor-menu-cart__main .elementor-menu-cart__product.mdo-has-stepper {
		grid-template-columns: 80px minmax(0, 1fr) 170px minmax(90px, auto);
		column-gap: 20px;
	}

	.mdo-has-stepper .elementor-menu-cart__product-image,
	.mdo-has-stepper .product-thumbnail,
	.mdo-has-stepper .elementor-menu-cart__product-image img,
	.mdo-has-stepper .product-thumbnail img {
		width: 80px !important;
		height: 80px !important;
	}
}