:root {
	--ssc-icon: #222;
	--ssc-badge: #e2401c;
	--ssc-panel-bg: #fff;
	--ssc-accent: #222;
}

/* v2.5.7: זיהוי אוטומטי של הפונט מאלמנטור.
   שרשרת נפילה: הפונט שזוהה מה-Kit ← משתנה הטיפוגרפיה הגלובלי של אלמנטור
   ← ירושה מהתבנית (כשאלמנטור לא פעיל). המגירה והכפתור הצף מוזרקים ל-body,
   ולכן צריכים הצהרה מפורשת ולא רק ירושה מקרית. */
.ssc-drawer,
.ssc-toggle-floating {
	font-family: var( --ssc-site-font, var( --e-global-typography-text-font-family, inherit ) );
}

/* שדות טופס וכפתורים לא יורשים פונט כברירת מחדל בדפדפן — מכריחים ירושה. */
.ssc-drawer button,
.ssc-drawer input,
.ssc-drawer select,
.ssc-drawer textarea {
	font-family: inherit;
}

/* Floating toggle */
/* יישור כפתור עגלת צד בווידג'ט אלמנטור — קלאס ישיר מה-HTML, עוקף כל דריסה */
.ssc-elementor-toggle.ssc-align-left,
.ssc-elementor-toggle.ssc-align-center,
.ssc-elementor-toggle.ssc-align-right {
	display: flex !important;
	width: 100% !important;
}
.ssc-elementor-toggle.ssc-align-left { justify-content: left !important; }
.ssc-elementor-toggle.ssc-align-center { justify-content: center !important; }
.ssc-elementor-toggle.ssc-align-right { justify-content: right !important; }

.ssc-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent;
	border: none;
	cursor: pointer;
	color: var(--ssc-icon);
	font: inherit;
	padding: 8px;
	position: relative;
}
/* v2.4.3: ביטול מסגרת/רקע/צל שמגיעים מהתבנית או מה-Kit של אלמנטור על כפתור העגלה.
   ספציפיות גבוהה מספיק כדי לגבור על כללי button גלובליים,
   אך נמוכה מהסלקטורים של פקדי הווידג'ט — כך שעיצוב מהווידג'ט עדיין עובד. */
.ssc-elementor-toggle button.ssc-toggle,
body button.ssc-toggle:not(.ssc-toggle-floating) {
	background: transparent;
	background-color: transparent;
	border: none;
	box-shadow: none;
	outline: none;
}
.ssc-elementor-toggle button.ssc-toggle:hover,
.ssc-elementor-toggle button.ssc-toggle:focus,
.ssc-elementor-toggle button.ssc-toggle:active,
.ssc-elementor-toggle button.ssc-toggle:focus-visible,
body button.ssc-toggle:not(.ssc-toggle-floating):hover,
body button.ssc-toggle:not(.ssc-toggle-floating):focus,
body button.ssc-toggle:not(.ssc-toggle-floating):active,
body button.ssc-toggle:not(.ssc-toggle-floating):focus-visible {
	border: none;
	box-shadow: none;
	outline: none;
}

.ssc-toggle-floating {
	position: fixed;
	z-index: 99990;
	background: var(--ssc-panel-bg);
	box-shadow: 0 2px 14px rgba( 0, 0, 0, 0.15 );
	border-radius: 6px;
	padding: 12px 14px;
}
/* Vertical position: middle (default) or bottom */
.ssc-toggle-floating.ssc-vpos-middle { top: 50%; transform: translateY( -50% ); }
.ssc-toggle-floating.ssc-vpos-bottom { bottom: 20px; top: auto; transform: none; }
.ssc-toggle-floating.ssc-pos-right { right: 0 !important; left: auto !important; border-radius: 6px 0 0 6px; }
.ssc-toggle-floating.ssc-pos-left { left: 0 !important; right: auto !important; border-radius: 0 6px 6px 0; }
.ssc-toggle-icon { display: inline-flex; }
.ssc-toggle-text { font-size: 14px; font-weight: 600; }

.ssc-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--ssc-badge);
	color: var(--ssc-badge-num, #fff); /* צבע המספר בעיגול — ניתן לשינוי בהגדרות (badge_num_color) */
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}
.ssc-toggle .ssc-count {
	position: absolute;
	top: calc( -6px + var(--ssc-badge-oy, 0px) );
	right: calc( -6px + var(--ssc-badge-ox, 0px) );
	left: auto !important;
}

/* Overlay + drawer */
.ssc-overlay {
	position: fixed;
	inset: 0;
	background: rgba( 0, 0, 0, 0.45 );
	/* ערך מקסימלי כדי שהרקע יכסה כל אלמנט אחר באתר */
	z-index: 2147483646 !important;
	opacity: 0;
	transition: opacity 0.25s ease;
	pointer-events: none;
}
.ssc-overlay.is-visible { opacity: 1; pointer-events: auto; }

.ssc-drawer {
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
	right: 0;
	width: 380px;
	max-width: 90vw;
	height: 100% !important;
	background: var(--ssc-panel-bg, #fff);
	/* ה-z-index הגבוה ביותר שקיים — המגירה תמיד מעל הכול */
	z-index: 2147483647 !important;
	display: flex !important;
	flex-direction: column;
	transition: transform 0.3s ease;
	box-shadow: 0 0 30px rgba( 0, 0, 0, 0.2 );
	transform: translateX( 100% );
	/* מונע שה-transform של אלמנט אב ישבור את ה-fixed */
	will-change: transform;
	contain: layout style;
}
.ssc-drawer.ssc-pos-right { right: 0 !important; left: auto !important; transform: translateX( 100% ); }
.ssc-drawer.ssc-pos-left { left: 0 !important; right: auto !important; transform: translateX( -100% ); }
.ssc-drawer.is-open { transform: translateX( 0 ); }

/* --- סרגל הניהול של וורדפרס נשאר גלוי ולחיץ מעל הכול ---
   ה-overlay מתחיל מתחת לסרגל (התאמת המגירה עצמה קיימת בהמשך הקובץ). */
body.admin-bar .ssc-overlay { top: var(--wp-admin--admin-bar--height, 32px); }
@media screen and (max-width: 782px) {
	body.admin-bar .ssc-overlay { top: var(--wp-admin--admin-bar--height, 46px); }
}
/* מרים את הסרגל כשהמגירה פתוחה, כדי שגם התפריטים הנפתחים שלו יופיעו מעל ה-overlay */
body.ssc-drawer-open #wpadminbar { z-index: 2147483647 !important; }

.ssc-drawer-head {
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid #eee;
}
.ssc-tabs { display: flex; flex: 1; }
.ssc-tab {
	flex: 1;
	height: 64px; /* גובה התאבים (עגלה / רשימת משאלות) */
	box-sizing: border-box;
	margin-bottom: -1px; /* מיישר את הקו התחתון של התאב הפעיל עם קו ההפרדה של ההדר */
	padding: 0 8px;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	gap: 6px;
	transition: color 0.2s ease, border-color 0.2s ease;
}
/* ברירת המחדל של התוסף: סימון תאב פעיל = קו תחתון בלבד + צבע חזק.
   שימוש ב-!important כדי לגבור על עיצוב כפתורים גלובלי של ערכת הנושא
   (למשל border ו-background:hover שמוחלים על כל button). */
.ssc-drawer .ssc-tabs .ssc-tab,
.ssc-drawer .ssc-tabs .ssc-tab:hover,
.ssc-drawer .ssc-tabs .ssc-tab:focus,
.ssc-drawer .ssc-tabs .ssc-tab:focus-visible,
.ssc-drawer .ssc-tabs .ssc-tab:active {
	background: none !important;
	background-color: transparent !important;
	border: 0 !important; /* בלי מסגרת מסביב */
	border-radius: 0 !important;
	border-bottom: 1px solid var(--ssc-tab-line-inactive, transparent) !important; /* קו תחתון — ללא-פעיל ניתן לשינוי בהגדרות (tab_line_inactive_color) */
	outline: none !important;
	box-shadow: none !important;
}
.ssc-drawer .ssc-tabs .ssc-tab { color: var(--ssc-tab-text, #9aa0aa) !important; } /* לא-פעיל: מעומעם. ניתן לשינוי בהגדרות (tab_text_color) */
.ssc-drawer .ssc-tabs .ssc-tab.is-active {
	color: var(--ssc-tab-text-active, var(--ssc-accent)) !important; /* פעיל: ניתן לשינוי בהגדרות (tab_text_active_color) */
	background: var(--ssc-tab-bg-active, transparent) !important; /* רקע הטאב הפעיל — ניתן לשינוי בהגדרות (tab_bg_active_color) */
	border-bottom-color: var(--ssc-tab-line, var(--ssc-accent)) !important; /* צבע הקו התחתון — נשלט מההגדרות */
}
/* מונה התאבים: עיצוב תג עגול זהה למונה העגלה הצף ("מונה") */
.ssc-drawer .ssc-tab .ssc-count {
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--ssc-badge, #e2401c);
	color: var(--ssc-badge-num, #fff); /* צבע המספר בעיגול — ניתן לשינוי בהגדרות (badge_num_color) */
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	flex: 0 0 auto;
}
.ssc-close {
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	padding: 0 !important;
	width: var(--ssc-close-size, 44px);
	height: var(--ssc-close-size, 44px);
	min-width: var(--ssc-close-size, 44px);
	flex: 0 0 var(--ssc-close-size, 44px);
	box-sizing: border-box !important;
	color: var(--ssc-close-color, #fff);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	align-self: center;
	/* משאיר רווח נקי מהקצה המעוגל של המגירה ומהטאבים. */
	margin-block: 8px !important;
	margin-inline: 8px 10px !important;
	overflow: hidden;
	transition: background-color .18s ease, color .18s ease;
}
/* כפתור הסגירה — עיצוב מלא מלוח הבקרה, בלי דריסות של התבנית. */
.ssc-drawer .ssc-close,
.ssc-drawer .ssc-close:focus,
.ssc-drawer .ssc-close:focus-visible,
.ssc-drawer .ssc-close:active {
	background: var(--ssc-close-bg, #181818) !important;
	background-color: var(--ssc-close-bg, #181818) !important;
	color: var(--ssc-close-color, #fff) !important;
	border: 0 !important;
	border-radius: var(--ssc-close-radius, 0) !important;
	outline: none !important;
	box-shadow: none !important;
}
.ssc-drawer .ssc-close:hover {
	background: var(--ssc-close-bg-hover, var(--ssc-close-bg, #181818)) !important;
	background-color: var(--ssc-close-bg-hover, var(--ssc-close-bg, #181818)) !important;
	color: var(--ssc-close-color-hover, var(--ssc-close-color, #fff)) !important;
}
.ssc-close-icon {
	/* גודל יחסי ומרכוז מוחלט — מונע מעיצוב התבנית לדחוף את ה-X לצד. */
	position: absolute !important;
	left: 50% !important;
	right: auto !important;
	top: 50% !important;
	width: var(--ssc-close-icon-size, 15px) !important;
	height: var(--ssc-close-icon-size, 15px) !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	flex: 0 0 auto;
	transform: translate(-50%, -50%) !important;
	transform-origin: center !important;
}

/* Panels */
.ssc-panel { display: none; flex: 1; overflow-y: auto; padding: 16px; }
.ssc-panel.is-active { display: block; }

/* פאנל העגלה: אזור גלילה + פוטר קבוע למטה */
.ssc-panel-cart { padding: 0; overflow: hidden; }
.ssc-panel-cart.is-active { display: flex; flex-direction: column; }
.ssc-cart-scroll { flex: 1 1 auto; overflow-y: auto; padding: 0 16px; }
.ssc-cart-footer {
	flex-shrink: 0;
	padding: 14px 16px calc( 16px + env( safe-area-inset-bottom, 0px ) );
	border-top: 1px solid #ececec;
	background: var(--ssc-panel-bg);
	box-shadow: 0 -4px 12px rgba( 0, 0, 0, 0.05 );
}
.ssc-empty { color: #999; text-align: center; padding: 40px 0; }

/* פריטי עגלה */
.ssc-cart-items,
.ssc-wishlist-items { list-style: none; margin: 0; padding: 0; }
.ssc-cart-item {
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #f0f0f0;
}
.ssc-item-top {
	display: flex;
	flex-direction: row; /* תמונה בצד ימין הפיזי */
	align-items: flex-start;
	gap: 12px;
}
/* אייקון פח — פינה שמאלית-עליונה */
.ssc-remove-item {
	position: absolute;
	top: 14px;
	left: 0;
	right: auto;
	background: none;
	border: none;
	padding: 2px;
	cursor: pointer;
	color: var(--ssc-cart-remove, #e74c3c);
	line-height: 1;
}
.ssc-remove-item:hover { color: var(--ssc-cart-remove-hover, var(--ssc-cart-remove, #c0392b)); }
.ssc-remove-item svg { display: block; }

/* תמונה — ימין. object-fit: contain כדי שהתמונה תוצג במלואה ולא תיחתך */
.ssc-cart-item img {
	width: 72px;
	height: 72px;
	object-fit: contain;
	background: #fff;
	border-radius: 8px;
	flex-shrink: 0;
}
/* מידע מוצר — שמאל, עם ריווח לאייקון הפח */
.ssc-item-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding-left: 44px; /* מרווח בין אייקון ההסרה (משמאל) לכותרת */
	padding-inline-start: 0;
}
.ssc-item-name { font-weight: 700; font-size: 15px; color: inherit; line-height: 1.35; }
.ssc-item-sku { font-size: 12px; color: #8a8fa3; }
.ssc-item-line-price { font-size: 14px; color: inherit; font-weight: 700; margin-top: 2px; }
.ssc-item-price { font-size: 13px; color: #666; }

/* כפתורי כמות — תיבה מעוגלת עם תאים לבנים ומפרידים, כמו בעיצוב המבוקש */
.ssc-qty {
	display: inline-flex;
	align-items: center;
	border: 1px solid #e3e6ee;
	border-radius: 10px;
	overflow: hidden;
	width: fit-content;
	margin-top: 6px;
	background: #fff;
}
.ssc-qty-btn {
	background: #fff;
	border: none;
	width: 38px;
	height: 34px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	color: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	transition: background 0.15s ease, color 0.15s ease;
}
.ssc-qty-btn:hover:not(:disabled) { background: var(--ssc-accent); color: #fff; }
.ssc-qty-btn:disabled { opacity: 0.35; cursor: not-allowed; }
.ssc-qty-num {
	min-width: 38px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	padding: 0 4px;
	border-inline-start: 1px solid #e3e6ee; /* מפריד */
	border-inline-end: 1px solid #e3e6ee;   /* מפריד */
	align-self: stretch;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
}
.ssc-qty.is-busy { opacity: 0.55; pointer-events: none; }

/* עקיפת עיצוב הכפתורים הגלובלי של ערכת הנושא עבור כפתורי העגלה */
.ssc-drawer .ssc-remove-item,
.ssc-drawer .ssc-remove-item:hover,
.ssc-drawer .ssc-remove-item:focus,
.ssc-drawer .ssc-remove-item:active,
.ssc-drawer .ssc-qty-btn,
.ssc-drawer .ssc-qty-btn:focus,
.ssc-drawer .ssc-qty-btn:active {
	border: 0 !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}
.ssc-drawer .ssc-remove-item,
.ssc-drawer .ssc-remove-item:hover,
.ssc-drawer .ssc-remove-item:focus,
.ssc-drawer .ssc-remove-item:active {
	background: none !important;
	background-color: transparent !important;
}
/* צבע הפח בעגלה — כולל hover — עוקף את ערכת הנושא */
.ssc-drawer .ssc-remove-item,
.ssc-drawer .ssc-remove-item:focus,
.ssc-drawer .ssc-remove-item:active { color: var(--ssc-cart-remove, #e74c3c) !important; }
.ssc-drawer .ssc-remove-item:hover { color: var(--ssc-cart-remove-hover, var(--ssc-cart-remove, #c0392b)) !important; }
.ssc-drawer .ssc-qty-btn,
.ssc-drawer .ssc-qty-btn:focus,
.ssc-drawer .ssc-qty-btn:active {
	background: #fff !important;
	color: inherit !important;
}
.ssc-drawer .ssc-qty-btn:hover:not(:disabled) {
	background: var(--ssc-accent) !important;
	color: #fff !important;
}

/* wishlist remove — אייקון פח כמו בעגלה. הצבע ניתן לשינוי בהגדרות (wl_remove_color) */
.ssc-wl-remove {
	background: none;
	border: none;
	padding: 2px;
	color: var(--ssc-wl-remove, #e74c3c);
	cursor: pointer;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
}
.ssc-wl-remove:hover { color: var(--ssc-wl-remove-hover, var(--ssc-wl-remove, #c0392b)); }
.ssc-wl-remove svg { display: block; }
/* עקיפת עיצוב כפתורים של ערכת הנושא */
.ssc-drawer .ssc-wl-remove,
.ssc-drawer .ssc-wl-remove:hover,
.ssc-drawer .ssc-wl-remove:focus,
.ssc-drawer .ssc-wl-remove:active {
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}
.ssc-drawer .ssc-wl-remove,
.ssc-drawer .ssc-wl-remove:focus,
.ssc-drawer .ssc-wl-remove:active { color: var(--ssc-wl-remove, #e74c3c) !important; }
.ssc-drawer .ssc-wl-remove:hover { color: var(--ssc-wl-remove-hover, var(--ssc-wl-remove, #c0392b)) !important; }

.ssc-wishlist-item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
.ssc-wishlist-item img { width: 56px; height: 56px; object-fit: contain; background: #fff; border-radius: 4px; }
.ssc-item-meta { flex: 1; display: flex; flex-direction: column; gap: 4px; }
/* כפתור הוספה + אייקון פח באותה שורה */
.ssc-wishlist-actions { display: flex; flex-direction: row; gap: 8px; align-items: center; }
.ssc-wl-add {
	background: var(--ssc-wl-add-bg, var(--ssc-accent));
	color: var(--ssc-wl-add-text, #000);
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: var(--ssc-wl-add-radius, 7px);
	height: 32px;
	min-width: 24px;
	box-sizing: border-box;
	padding: 0 12px;
	font-size: var(--ssc-wl-add-size, 12px);
	font-weight: var(--ssc-wl-add-weight, 400);
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	transition: background-color .2s ease, color .2s ease;
}
/* עקיפת עיצוב הכפתורים של ערכת הנושא — משתמש בהגדרות התוסף גם באתר וגם בתצוגה החיה. */
.ssc-drawer .ssc-wl-add,
.ssc-drawer .ssc-wl-add:focus,
.ssc-drawer .ssc-wl-add:active {
	background: var(--ssc-wl-add-bg, var(--ssc-accent)) !important;
	color: var(--ssc-wl-add-text, #000) !important;
	border: 0 !important;
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-radius: var(--ssc-wl-add-radius, 7px) !important;
	padding: 0 12px !important;
	font-size: var(--ssc-wl-add-size, 12px) !important;
	font-weight: var(--ssc-wl-add-weight, 400) !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	outline: none !important;
	box-shadow: none !important;
}
.ssc-drawer .ssc-wl-add:hover {
	background: var(--ssc-wl-add-bg-hover, var(--ssc-wl-add-bg, var(--ssc-accent))) !important;
	color: var(--ssc-wl-add-text-hover, var(--ssc-wl-add-text, #000)) !important;
	border-radius: var(--ssc-wl-add-radius, 7px) !important;
}
.ssc-wl-add.is-busy,
.ssc-wl-add:disabled,
.ssc-wlp-add.is-busy,
.ssc-wlp-add:disabled {
	pointer-events: none;
	cursor: wait;
}
.ssc-wl-add.is-busy,
.ssc-wlp-add.is-busy {
	color: transparent !important;
}
.ssc-wl-add.is-busy::after,
.ssc-wlp-add.is-busy::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	margin: -7.5px 0 0 -7.5px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: sscSpin 0.7s linear infinite;
	color: var(--ssc-wl-add-text, #000);
}
.ssc-wlp-add.is-busy::after {
	color: #fff;
}

/* פוטר */
.ssc-cart-footer {
	flex-shrink: 0;
	background: var(--ssc-panel-bg);
}

/* שורת סה"כ */
.ssc-cart-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 16px;
	font-size: 18px;
	border-top: 1px solid #ececec;
	flex-direction: row-reverse;
}
.ssc-cart-total span { color: #333; font-weight: 400; font-size: 18px; }
.ssc-cart-total strong { color: var(--ssc-accent); font-weight: 700; font-size: 22px; }

/* כשהמד למעלה (מחוץ לאזור הגלילה): קו הפרדה מלמטה במקום מלמעלה */
.ssc-panel > .ssc-shipbar,
.ssc-panel-cart > .ssc-shipbar {
	border-top: 0;
	border-bottom: 1px solid #ececec;
}

/* מד משלוח חינם — עיצוב מחודש */
.ssc-shipbar {
	--ssc-shipbar: #2eb872;
	padding: 16px 16px;
	border-top: 1px solid #ececec;
}
.ssc-shipbar-text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 12px;
	text-align: center;
	color: #222;
}
.ssc-shipbar-text strong,
.ssc-shipbar-text b { color: var(--ssc-shipbar-remaining, var(--ssc-accent)); } /* צבע הסכום {remaining} — ניתן לשינוי בהגדרות */
.ssc-shipbar.is-complete .ssc-shipbar-text { color: var(--ssc-shipbar); }
.ssc-shipbar-icon { font-size: 18px; }
.ssc-shipbar-track {
	/* המילוי נצמד לצד שמאל בכל מצב — גם ב-RTL וגם מול דריסות של ערכת הנושא */
	direction: ltr !important;
	display: flex !important;
	justify-content: flex-start !important;
	height: 10px;
	border-radius: 999px;
	background: #e6e6e6;
	overflow: hidden;
}
/* המילוי — עיצוב פסים אלכסוניים תמידי (גם בזמן התקדמות, לא רק בהשלמה) */
.ssc-shipbar-fill {
	height: 100%;
	border-radius: 999px;
	background: var(--ssc-shipbar);
	background-image: linear-gradient(
		45deg,
		rgba( 255, 255, 255, 0.25 ) 25%, transparent 25%,
		transparent 50%, rgba( 255, 255, 255, 0.25 ) 50%,
		rgba( 255, 255, 255, 0.25 ) 75%, transparent 75%, transparent
	);
	background-size: 18px 18px;
	transition: width 0.6s cubic-bezier( 0.22, 1, 0.36, 1 );
	min-width: 8px;
	flex-shrink: 0;
	margin-left: 0 !important;
	margin-right: auto !important; /* דוחף את המילוי לצד שמאל */
}
.ssc-shipbar.is-complete .ssc-shipbar-fill {
	animation: ssc-stripes 1s linear infinite;
}

/* קופון */
.ssc-coupon-wrap {
	border-top: 1px solid #ececec;
	padding: 14px 16px;
}
.ssc-coupon-toggle {
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	font-size: 15px;
	color: var(--ssc-coupon-text, #333) !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	font-weight: 400;
	gap: 4px;
	transition: color 0.2s ease;
}
.ssc-coupon-toggle:hover {
	color: var(--ssc-coupon-text, var(--ssc-accent)) !important;
}
.ssc-coupon-arrow { transition: transform 0.2s ease; }
.ssc-coupon-arrow.is-open { transform: rotate( 180deg ); }
.ssc-coupon-form {
	display: flex;
	gap: 8px;
	margin-top: 10px;
}
.ssc-coupon-input {
	flex: 1;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 9px 12px;
	font-size: 14px;
	outline: none;
	direction: ltr;
}
.ssc-coupon-input:focus { border-color: var(--ssc-accent); }
.ssc-coupon-apply {
	background: var(--ssc-coupon-apply-bg, var(--ssc-accent)) !important;
	color: var(--ssc-coupon-apply-text, #fff) !important;
	border: none !important;
	border-radius: 8px;
	padding: 9px 16px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s ease, color 0.15s ease;
}
.ssc-coupon-apply:hover:not(:disabled) {
	background: var(--ssc-coupon-apply-bg-hover, var(--ssc-coupon-apply-bg, var(--ssc-accent))) !important;
	color: var(--ssc-coupon-apply-text-hover, var(--ssc-coupon-apply-text, #fff)) !important;
}
.ssc-coupon-apply:disabled { opacity: 0.6; cursor: wait; }
.ssc-coupon-msg {
	margin-top: 6px;
	font-size: 12px;
	padding: 0 2px;
}
.ssc-coupon-msg.is-success { color: #2eb872; }
.ssc-coupon-msg.is-error   { color: #e74c3c; }

/* קופונים מוחלים */
.ssc-coupon-applied { list-style: none; margin: 10px 0 0; padding: 0; }
.ssc-coupon-tag {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #f3faf6;
	border: 1px dashed #bfe3cd;
	border-radius: 8px;
	padding: 8px 10px;
	margin-bottom: 6px;
	font-size: 13px;
}
.ssc-coupon-code { font-weight: 700; color: #2e7d4f; text-transform: uppercase; }
.ssc-coupon-amount { color: #2e7d4f; direction: ltr; }
.ssc-coupon-remove {
	margin-inline-start: auto;
	background: none;
	border: none;
	font-size: 18px;
	line-height: 1;
	color: #999;
	cursor: pointer;
	padding: 0 2px;
}
.ssc-coupon-remove:hover { color: #e74c3c; }

/* שורת הנחה */
.ssc-cart-discount {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px 12px;
}
.ssc-cart-discount span { color: #2e7d4f; font-weight: 400; font-size: 14px; }
.ssc-cart-discount strong { color: #2e7d4f; font-weight: 700; font-size: 16px; direction: ltr; }

/* כפתורי פעולה */
.ssc-cart-actions {
	display: flex;
	gap: 10px;
	padding: 12px 16px calc( 16px + env( safe-area-inset-bottom, 0px ) );
	border-top: 1px solid #ececec;
}
.ssc-btn {
	flex: 1;
	text-align: center;
	padding: 16px;
	border-radius: var(--ssc-btn-radius, 16px); /* רדיוס ברירת מחדל — לכל כפתור יש משתנה משלו בהמשך */
	text-decoration: none;
	font-weight: 700;
	font-size: 17px;
	display: inline-block;
	transition: filter 0.15s ease;
	line-height: 1;
}
.ssc-btn:hover { filter: brightness( 0.93 ); }
.ssc-btn-cart { background: #f1f1f1; color: #333; font-size: 14px; padding: 14px; border-radius: var(--ssc-cartbtn-radius, var(--ssc-btn-radius, 12px)); /* רדיוס כפתור "צפייה בעגלה" — ניתן לשינוי בהגדרות (cart_btn_radius) */ }
.ssc-btn-checkout {
	border-radius: var(--ssc-checkout-radius, var(--ssc-btn-radius, 16px)); /* רדיוס כפתור "תשלום" — ניתן לשינוי בהגדרות (checkout_btn_radius) */
	background: var(--ssc-checkout-bg, var(--ssc-accent));
	color: var(--ssc-checkout-text, #fff);
	transition: filter 0.15s ease, background 0.2s ease, color 0.2s ease;
}
.ssc-btn-checkout:hover {
	background: var(--ssc-checkout-bg-hover, var(--ssc-checkout-bg, var(--ssc-accent)));
	color: var(--ssc-checkout-text-hover, var(--ssc-checkout-text, #fff));
}

/* Wishlist add button (product page) */
.ssc-wishlist-btn {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center;
	gap: 0; /* אין מרווח כברירת מחדל — נוסף רק כשיש טקסט (.ssc-has-label) */
	white-space: nowrap;
	box-sizing: border-box; /* גובה קבוע + padding מתנהגים צפוי */
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 4px;
	padding: 8px 14px;
	cursor: pointer;
	font: inherit;
	line-height: 1;
	vertical-align: middle;
	/* הכפתור עצמו לא נמתח בתוך העטיפה שלו. */
	align-self: center !important;
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
/* היישור חל רק בתוך ווידג'ט רשימת המשאלות.
   אין שינוי ל-align-items / justify-content של הקונטיינר האב, ולכן הכפתור
   אינו מזיז כותרות, מחיר, מלאי או אלמנטים אחרים שנמצאים לידו. */
.elementor-widget-ssc_wishlist > .elementor-widget-container {
	min-width: 0;
}
.elementor-widget-ssc_wishlist .ssc-wishlist-btn {
	flex: 0 0 auto;
	max-width: 100%;
}
/* מרווח בין האייקון לטקסט — קיים רק כשיש תווית טקסט.
   מונע "רווח מיותר" בצד כשמוחקים את הטקסט. */
.ssc-wishlist-btn.ssc-has-label { gap: 7px; }
/* הגנה נוספת: תווית ריקה לא תופסת מקום */
.ssc-wishlist-btn .ssc-wl-label:empty { display: none !important; }
/* ביטול רקע hover שמגיע מערכת הנושא (למשל ורוד) —
   בלי !important כדי שהגדרות hover של אלמנטור עדיין ינצחו */
button.ssc-wishlist-btn:hover,
button.ssc-wishlist-btn:focus,
button.ssc-wishlist-btn:active {
	background-color: transparent;
	background-image: none;
	color: inherit;
}
.ssc-wishlist-btn .ssc-heart,
.ssc-wishlist-btn .ssc-heart-default,
.ssc-wishlist-btn .ssc-wl-label {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	line-height: 1;
	white-space: nowrap;
	float: none !important;
	width: auto !important;
}
.ssc-wishlist-btn .ssc-heart-added {
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.ssc-wishlist-btn .ssc-heart {
	flex: 0 0 auto;
	font-size: 16px;
}
.ssc-wishlist-btn .ssc-heart svg,
.ssc-wishlist-btn .ssc-heart img {
	display: block;
	width: 1em;
	height: 1em;
}
.ssc-wishlist-btn .ssc-heart i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	line-height: 1;
}
.ssc-wishlist-btn .ssc-heart-added { display: none; }
.ssc-wishlist-btn.is-added .ssc-heart.has-added-icon .ssc-heart-default { display: none !important; }
.ssc-wishlist-btn.is-added .ssc-heart.has-added-icon .ssc-heart-added { display: inline-flex !important; }
.ssc-wishlist-btn.is-added .ssc-heart { color: var(--ssc-badge); }
.ssc-heart { font-size: 16px; line-height: 1; }

/* מוצר עם שדות מוצר שעדיין לא נבחרו או מולאו: הכפתור נראה נעול, אבל נשאר לחיץ כדי להציג את השדה החסר. */
.ssc-wishlist-btn.ssc-fields-incomplete,
button.ssc-heart-btn.ssc-fields-incomplete {
	opacity: 0.48 !important;
	cursor: not-allowed !important;
	filter: grayscale( 0.35 );
}
.ssc-wishlist-btn.ssc-fields-incomplete:hover,
button.ssc-heart-btn.ssc-fields-incomplete:hover {
	transform: none !important;
}
.wapf-field-container.ssc-wapf-invalid {
	outline: 2px solid #d63638;
	outline-offset: 5px;
	border-radius: 4px;
}
.ssc-wishlist-field-notice {
	width: 100%;
	margin-top: 8px;
	padding: 9px 11px;
	border: 1px solid #d63638;
	border-radius: 4px;
	background: #fff5f5;
	color: #9b1c1c;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
	box-sizing: border-box;
}

body.ssc-no-scroll { overflow: hidden; }

/* ===== כפתור לב [ssc_wishlist_heart] + [ssc_wishlist_toggle] ===== */
button.ssc-heart-btn {
	--ssc-heart-color: #e74c3c;
	--ssc-heart-bg: #ffffff;
	--ssc-heart-icon: 55%;
	position: relative;
	width: 44px;
	height: 44px;
	border: 1px solid rgba( 0, 0, 0, 0.08 );
	border-radius: 50%;
	background: var(--ssc-heart-bg);
	color: var(--ssc-heart-color);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	padding: 0;
	margin: 0;
	box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.12 );
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	vertical-align: middle;
	line-height: 1;
}
button.ssc-heart-btn:hover { transform: scale( 1.08 ); box-shadow: 0 4px 14px rgba( 0, 0, 0, 0.18 ); }
button.ssc-heart-btn:focus { outline-offset: 2px; }
/* צבעים לפי מצב — מנצחים כל ערכת עיצוב */
button.ssc-heart-btn,
button.ssc-heart-btn:hover,
button.ssc-heart-btn:focus,
button.ssc-heart-btn:active {
	background-color: var(--ssc-heart-bg) !important;
	background-image: none !important;
	color: var(--ssc-heart-color) !important;
}
button.ssc-heart-btn.is-added,
button.ssc-heart-btn.is-added:hover,
button.ssc-heart-btn.is-added:focus,
button.ssc-heart-btn.is-added:active {
	background-color: var(--ssc-heart-bg-active, var(--ssc-heart-bg)) !important;
	color: var(--ssc-heart-color-active, var(--ssc-heart-color)) !important;
}
/* החלפת אייקון בין מצב רגיל למצב לחוץ */
.ssc-heart-btn .ssc-heart-state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	width: 100%;
	height: 100%;
}
.ssc-heart-btn .ssc-heart-state-active { display: none; }
.ssc-heart-btn.is-added .ssc-heart-state-default { display: none; }
.ssc-heart-btn.is-added .ssc-heart-state-active { display: inline-flex; }
.ssc-heart-btn.is-busy { opacity: 0.6; pointer-events: none; }
.ssc-heart-btn .ssc-heart-svg {
	display: block;
	width: var(--ssc-heart-icon);
	height: var(--ssc-heart-icon);
}
.ssc-heart-btn.is-added .ssc-heart-svg path { fill: currentColor; }
.ssc-heart-btn .ssc-heart-img {
	width: var(--ssc-heart-icon);
	height: var(--ssc-heart-icon);
	object-fit: contain;
	display: block;
	transition: filter 0.15s ease, opacity 0.15s ease;
}
/* אייקון מותאם: מצב לא-פעיל מעומעם קלות, פעיל מלא (לא חל על כפתור הפתיחה) */
.ssc-heart-btn:not(.is-added) .ssc-heart-img { opacity: 0.55; filter: grayscale( 0.6 ); }
.ssc-heart-btn.is-added .ssc-heart-img { opacity: 1; filter: none; }
/* כשיש אייקון ייעודי למצב לחוץ — אין צורך בעמעום, האייקונים מתחלפים */
.ssc-heart-btn.has-active-icon .ssc-heart-img { opacity: 1; filter: none; }
/* עיגול הכמות — ברירת מחדל: למעלה-סוף (top-end) */
.ssc-wl-open-btn .ssc-wl-open-badge {
	position: absolute;
	/* מיקום ברירת מחדל: פינה ימנית-עליונה של ה-icon-wrap.
	   --ssc-badge-ox/oy = offset שמגיע מהמשתמש (px).
	   כברירת מחדל העיגול מחצי-חופף לפינה: -50% מגודלו. */
	top: calc( -7px + var(--ssc-badge-oy, 0px) );
	right: calc( -9px + var(--ssc-badge-ox, 0px) );
	left: auto !important;
	transform: none;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--ssc-heart-badge, var(--ssc-heart-color));
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	line-height: 1;
	box-shadow: 0 1px 4px rgba( 0, 0, 0, 0.2 );
	z-index: 1;
	pointer-events: none;
}
/* מיקומים */
.ssc-badge-pos--top-end    { top: -7px; inset-inline-end: -9px; inset-inline-start: auto; bottom: auto; }
.ssc-badge-pos--top-start  { top: -7px; inset-inline-start: -9px; inset-inline-end: auto; bottom: auto; }
.ssc-badge-pos--bottom-end { bottom: -7px; inset-inline-end: -9px; top: auto; inset-inline-start: auto; }
.ssc-badge-pos--bottom-start { bottom: -7px; inset-inline-start: -9px; top: auto; inset-inline-end: auto; }
.ssc-badge-pos--center-end   { top: 50%; transform: translateY(-50%); inset-inline-end: -9px; inset-inline-start: auto; bottom: auto; }
.ssc-badge-pos--center-start { top: 50%; transform: translateY(-50%); inset-inline-start: -9px; inset-inline-end: auto; bottom: auto; }
.ssc-badge-pos--top-center    { top: -9px; left: 50%; transform: translateX(-50%); inset-inline-end: auto; inset-inline-start: auto; bottom: auto; }
.ssc-badge-pos--bottom-center { bottom: -9px; left: 50%; transform: translateX(-50%); top: auto; inset-inline-end: auto; inset-inline-start: auto; }
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	width: 100%;
	height: 100%;
}
.ssc-wl-open-btn.has-text .ssc-wl-icon-wrap { width: auto; }
/* עיגול המועדפים מוצג תמיד (גם כשהרשימה ריקה) */
/* כפתור פתיחה עם טקסט: צורת גלולה */
.ssc-heart-btn.has-text {
	border-radius: 999px;
	padding: 0 18px;
	gap: 8px;
}
.ssc-heart-btn.has-text .ssc-heart-svg,
.ssc-heart-btn.has-text .ssc-heart-img {
	height: var(--ssc-heart-icon);
	width: auto;
}
.ssc-heart-btn.has-text .ssc-heart-state { width: auto; }
.ssc-wl-open-text {
	font-size: var(--ssc-wl-text-size, 14px);
	font-weight: var(--ssc-wl-text-weight, 600);
	white-space: nowrap;
	color: var(--ssc-wl-text-color, inherit);
	line-height: 1;
}
@keyframes ssc-heart-pop {
	0% { transform: scale( 1 ); }
	40% { transform: scale( 1.35 ); }
	100% { transform: scale( 1 ); }
}
.ssc-heart-btn.is-pop { animation: ssc-heart-pop 0.4s ease; }
/* ביטול צל (כולל בריחוף) */
.ssc-heart-btn.ssc-no-shadow,
.ssc-heart-btn.ssc-no-shadow:hover,
.ssc-toggle.ssc-no-shadow,
.ssc-toggle.ssc-no-shadow:hover {
	box-shadow: none !important;
}

/* ===== עמוד רשימת משאלות [ssc_wishlist] ===== */
.ssc-wishlist-page { --ssc-wlp-cols: 4; }
.ssc-wlp-grid {
	display: grid;
	grid-template-columns: repeat( var(--ssc-wlp-cols), minmax( 0, 1fr ) );
	gap: 20px;
}
.ssc-wlp-card {
	position: relative;
	border: 1px solid #ececec;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.2s ease, opacity 0.25s ease, transform 0.25s ease;
}
.ssc-wlp-card:hover { box-shadow: 0 6px 18px rgba( 0, 0, 0, 0.08 ); }
.ssc-wlp-card.is-removing { opacity: 0; transform: scale( 0.92 ); }
/* X למחיקה בכרטיס — עיצוב מלא מהגדרות "כפתור סגירת העגלה" בלוח הבקרה:
   רקע, רקע במעבר עכבר, צבע האייקון, גודל הכפתור, גודל האייקון והרדיוס — בדיוק כמו ה-X של העגלה. */
.ssc-wishlist-page button.ssc-wlp-remove {
	position: absolute !important;
	top: 8px !important;
	inset-inline-end: 8px !important;
	inset-inline-start: auto !important;
	bottom: auto !important;
	z-index: 2;
	width: var(--ssc-close-size, 44px) !important;
	height: var(--ssc-close-size, 44px) !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden;
	box-sizing: border-box !important;
	transition: background-color .18s ease, color .18s ease;
}
/* רקע וצבע מההגדרות — בכל המצבים, גובר על איפוס הכפתורים של ערכת הנושא */
.ssc-wishlist-page button.ssc-wlp-remove,
.ssc-wishlist-page button.ssc-wlp-remove:focus,
.ssc-wishlist-page button.ssc-wlp-remove:focus-visible,
.ssc-wishlist-page button.ssc-wlp-remove:active {
	background: var(--ssc-close-bg, #181818) !important;
	background-color: var(--ssc-close-bg, #181818) !important;
	color: var(--ssc-close-color, #fff) !important;
	border: 0 !important;
	border-radius: var(--ssc-close-radius, 0) !important;
	outline: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}
.ssc-wishlist-page button.ssc-wlp-remove:hover {
	background: var(--ssc-close-bg-hover, var(--ssc-close-bg, #181818)) !important;
	background-color: var(--ssc-close-bg-hover, var(--ssc-close-bg, #181818)) !important;
	color: var(--ssc-close-color-hover, var(--ssc-close-color, #fff)) !important;
}
/* האייקון — גודל מהגדרת "גודל אייקון ה-X" (דרך .ssc-close-icon), צבע לפי הכפתור */
.ssc-wishlist-page button.ssc-wlp-remove .ssc-close-icon {
	fill: currentColor;
	pointer-events: none;
}
.ssc-wlp-thumb { display: block; }
.ssc-wlp-thumb img { width: 100%; height: auto; display: block; }
.ssc-wlp-body {
	padding: 12px 14px 14px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
}
.ssc-wlp-name {
	font-weight: 600;
	font-size: 14px;
	color: inherit;
	text-decoration: none;
}
.ssc-wlp-name:hover { color: var(--ssc-accent, #0e7afe); }
.ssc-wlp-price { font-size: 14px; color: #444; }
.ssc-wlp-stock.is-out { font-size: 12px; color: #e74c3c; font-weight: 600; }
.ssc-wlp-add {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	padding: 9px 12px;
	border: none;
	border-radius: 8px;
	background: var(--ssc-accent, #0e7afe);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	transition: filter 0.15s ease;
}
.ssc-wlp-add:hover { filter: brightness( 0.92 ); color: #fff; }
.ssc-wlp-add:disabled { opacity: 0.6; cursor: wait; }
.ssc-wlp-empty {
	padding: 30px 20px;
	text-align: center;
	background: #f7f8f9;
	border: 1px dashed #ddd;
	border-radius: 10px;
	color: #666;
}
@media ( max-width: 900px ) {
	.ssc-wlp-grid { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
}
@media ( max-width: 520px ) {
	.ssc-wlp-grid { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 12px; }
}


/* קונפטי */
.ssc-drawer { overflow: hidden; }

/* התאמת גובה המגירה כשסרגל הניהול של וורדפרס מוצג (משתמש מחובר).
   בלי זה, החלק העליון של המגירה (טאבים + כפתור סגירה) מוסתר מאחורי הסרגל. */
body.admin-bar .ssc-drawer {
	top: var(--wp-admin--admin-bar--height, 32px) !important;
	height: calc( 100% - var(--wp-admin--admin-bar--height, 32px) ) !important;
}
@media screen and (max-width: 782px) {
	body.admin-bar .ssc-drawer {
		top: var(--wp-admin--admin-bar--height, 46px) !important;
		height: calc( 100% - var(--wp-admin--admin-bar--height, 46px) ) !important;
	}
}
.ssc-confetti {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: 5;
}
.ssc-confetti-piece {
	position: absolute;
	top: -20px;
	display: block;
	opacity: 0;
	animation-name: ssc-confetti-fall;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}
@keyframes ssc-confetti-fall {
	0% { transform: translateY( 0 ) rotate( 0deg ); opacity: 1; }
	80% { opacity: 1; }
	100% { transform: translateY( 110vh ) rotate( 720deg ); opacity: 0; }
}

@media ( max-width: 480px ) {
	.ssc-wl-open-btn.ssc-wl-hide-text-mobile .ssc-wl-open-text { display: none; }
	.ssc-wl-open-btn.ssc-wl-hide-text-mobile.has-text {
		border-radius: 50% !important;
		padding: 0 !important;
		width: var(--ssc-heart-size, 44px) !important;
	}
	.ssc-drawer { width: 100%; max-width: 100%; }
}

/* RTL support (Hebrew) */
.rtl .ssc-drawer,
[dir="rtl"] .ssc-drawer { direction: rtl; text-align: right; }
.rtl .ssc-cart-item,
.rtl .ssc-wishlist-item,
[dir="rtl"] .ssc-cart-item,
[dir="rtl"] .ssc-wishlist-item { text-align: right; }
.rtl .ssc-wishlist-actions,
[dir="rtl"] .ssc-wishlist-actions { align-items: center; }
.rtl .ssc-toggle .ssc-count,
[dir="rtl"] .ssc-toggle .ssc-count {
	left: calc( -13px + var(--ssc-badge-ox, 0px) ) !important;
	right: auto !important;
	top: calc( -13px + var(--ssc-badge-oy, 0px) ) !important;
}

/* פריט עגלה: תמונה תמיד בצד ימין הפיזי, אייקון הפח בצד שמאל (גם ב-RTL) */
.rtl .ssc-item-top,
[dir="rtl"] .ssc-item-top { flex-direction: row-reverse; }


/* Custom uploaded icon sizing */
.ssc-toggle-icon .ssc-custom-icon-img,
.ssc-toggle-icon img,
.ssc-toggle-icon svg { width: 24px; height: 24px; display: inline-block; object-fit: contain; }
.ssc-toggle-icon i { font-size: 24px; line-height: 1; }

/* Text side relative to icon.
   ללא !important — כדי שה-inline style (שמחושב לפי RTL ב-PHP/JS) ינצח.
   הכללים כאן משמשים רק כ-fallback כשאין inline, ולכן גם הם מודעים ל-RTL. */
.ssc-toggle.ssc-textside-left { flex-direction: row; }
.ssc-toggle.ssc-textside-right { flex-direction: row-reverse; }
[dir="rtl"] .ssc-toggle.ssc-textside-left { flex-direction: row-reverse; }
[dir="rtl"] .ssc-toggle.ssc-textside-right { flex-direction: row; }

/* מחירים במגירה: כיוון LTR קבוע — המספר מימין וסימן ה-₪ צמוד משמאלו, ללא רווח */
.ssc-drawer .woocommerce-Price-amount,
.ssc-drawer .woocommerce-Price-amount bdi {
	direction: ltr;
	unicode-bidi: isolate;
	white-space: nowrap;
}


/* [ssc_wishlist_toggle] — לב נקי: ללא צל, ללא רקע/מסגרת, והאייקון ממורכז — בכל מצב. */
button.ssc-heart-btn.ssc-wl-open-btn,
button.ssc-heart-btn.ssc-wl-open-btn.is-added,
button.ssc-heart-btn.ssc-wl-open-btn:hover,
button.ssc-heart-btn.ssc-wl-open-btn.is-added:hover,
button.ssc-heart-btn.ssc-wl-open-btn:focus,
button.ssc-heart-btn.ssc-wl-open-btn.is-added:focus,
button.ssc-heart-btn.ssc-wl-open-btn:active,
button.ssc-heart-btn.ssc-wl-open-btn.is-added:active {
	box-shadow: none !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	outline: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
button.ssc-heart-btn.ssc-wl-open-btn .ssc-wl-icon-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
}


/* עיגול הכמות של [ssc_wishlist_toggle] בצד שמאל — לפי ההגדרה (wltoggle_badge_side). */
.ssc-wl-open-btn.ssc-wl-badge-left .ssc-wl-open-badge {
	left: calc( -9px + var(--ssc-badge-ox, 0px) ) !important;
	right: auto !important;
}

@keyframes sscSpin {
	from { transform: rotate( 0deg ); }
	to { transform: rotate( 360deg ); }
}