/* Isaak Child – התאמות להדר לפי ההדמיה שאושרה (header-footer-v4).
   רוב ההדר בא מבלוקים של וורדפרס ו-WooCommerce. כאן רק עיצוב.
   יחידות: rem ו-em. פיקסלים רק לקווי מסגרת דקים. הצבעים מ-theme.json.
   האייקונים: Google Material Symbols (400, 24), כקבצי WEBP. */

/* ===== "דלג לתוכן": הקישור הראשון בדף. בלוק פסקה בכותרת, לא תלוי בוורדפרס או בתוספים.
   מוסתר מחוץ למסך, ומופיע למעלה כשמגיעים אליו ב-Tab. היעד: סוף הכותרת (isaak-content), ומשם Tab ממשיך לתוכן ===== */
:root .isaak-skip,
:root .isaak-skip-target {
	margin: 0 !important;
	padding: 0;
}
:root .isaak-skip-link {
	position: absolute;
	top: -20rem;
	inset-inline-start: 1rem;
	z-index: 100;
	box-sizing: border-box;
	min-height: 3rem;
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 1.25rem;
	border-radius: 0.375rem;
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
	font-size: 1.0625rem;
	font-weight: 600;
	text-decoration: underline;
	/* בטלפון צר מאוד עם טקסט מוגדל: לא רחב מהמסך (גם כשהוא מוסתר, אחרת נוצרת גלילה הצידה) */
	max-width: calc(100% - 2rem);
}
:root .isaak-skip-link:focus {
	top: calc(var(--wp-admin--admin-bar--height, 0rem) + 0.5rem);
	color: var(--wp--preset--color--white);
}
/* הקישור האוטומטי של וורדפרס (כשהוא לא חסום): מוסתר, כדי שלא יהיו שניים */
:root #wp-skip-link {
	display: none;
}

/* ===== כותרת: רקע מלא, תוכן במרכז עד 75rem ===== */
:root .isaak-header {
	position: relative;
	padding-inline: max(1rem, calc((100% - 75rem) / 2));
	gap: 0.75rem 1.25rem;
}

/* ===== כפתורי אייקון: ריבוע 3rem, מסגרת כהה, אייקון שחור ===== */
:root .isaak-header .isaak-search .wp-block-search__button,
:root .isaak-header .wp-block-woocommerce-customer-account a,
:root .isaak-header .wc-block-mini-cart__button,
:root .isaak-header .wp-block-navigation__responsive-container-open {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	position: relative;
	width: 3rem;
	height: 3rem;
	min-width: 3rem;
	min-height: 3rem;
	padding: 0;
	margin: 0;
	border: 2px solid transparent; /* בלי מסגרת שחורה (ליבנת, 26.10.2026). הריבוע הלבן על האדום: ניגודיות 4.95:1 */
	border-radius: 0.375rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	text-decoration: none;
	cursor: pointer;
}

/* האייקון המובנה של הבלוק מוסתר, ובמקומו התמונה שלנו */
:root .isaak-header .isaak-search .wp-block-search__button svg,
:root .isaak-header .wp-block-woocommerce-customer-account svg,
:root .isaak-header .wc-block-customer-account__avatar,
:root .isaak-header .wc-block-mini-cart__icon,
:root .isaak-header .wp-block-navigation__responsive-container-open svg {
	display: none;
}
:root .isaak-header .isaak-search .wp-block-search__button::before,
:root .isaak-header .wp-block-woocommerce-customer-account a::before,
:root .isaak-header .wc-block-mini-cart__button::before,
:root .isaak-header .wp-block-navigation__responsive-container-open::before {
	content: "";
	display: block;
	flex: none;
	width: 1.5rem;
	height: 1.5rem;
	background: center / contain no-repeat;
}
:root .isaak-header .isaak-search .wp-block-search__button::before {
	background-image: url("../images/icons/search.webp");
}
:root .isaak-header .wp-block-woocommerce-customer-account a::before {
	background-image: url("../images/icons/account.webp");
}
:root .isaak-header .wc-block-mini-cart__button::before {
	background-image: url("../images/icons/cart.webp");
}
:root .isaak-header .wp-block-navigation__responsive-container-open::before {
	background-image: url("../images/icons/menu.webp");
}

/* ===== חיפוש בכותרת: בלוק החיפוש של וורדפרס, במצב "כפתור בלבד" (button-only).
   וורדפרס פותח וסוגר אותו: Esc סוגר ומחזיר את הפוקוס לכפתור, וגם יציאה מהטופס סוגרת. בלי קוד שלנו.
   הכפתור: ריבוע 3rem עם אייקון. את השם לקורא מסך נותן וורדפרס ("הרחבת שדה החיפוש" / "שליחת החיפוש").
   פתוח: פאנל מתחת לכותרת, עם תווית גלויה, שדה וכפתור האייקון. המקום של הכפתור נשמר (isaak-search-slot) ===== */
:root .isaak-header .isaak-search-slot {
	flex: none;
	width: 3rem;
	height: 3rem;
	margin: 0;
}
:root .isaak-header .isaak-search-top {
	margin: 0;
}
:root .isaak-header .isaak-search-top.wp-block-search__searchfield-hidden .wp-block-search__label {
	display: none;
}
:root .isaak-header .isaak-search-top.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
	gap: 0;
}
/* מסגרת הפוקוס של כפתור החיפוש: וורדפרס חותך אותה (overflow:hidden). השדה הסגור ברוחב 0, ולכן אין מה להסתיר */
:root .isaak-header .isaak-search-top.wp-block-search__searchfield-hidden,
:root .isaak-header .isaak-search-top.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
	overflow: visible;
}
/* בלי תנועה: וורדפרס מוסיף מעבר רוחב (transition) לשדה. מבטלים */
:root .isaak-header .isaak-search-top .wp-block-search__inside-wrapper,
:root .isaak-header .isaak-search-top .wp-block-search__input {
	transition: none;
}

/* "חיוג למעבדה": גודל הטקסט והריווח כמו שאר הכותרת (סגנון "מסגרת" של וורדפרס מוסיף ריווח גדול יותר) */
:root .isaak-header .isaak-call .wp-block-button__link {
	padding-inline: 1.25rem;
	font-size: 1.0625rem;
}
/* חיפוש פתוח (פאנל לבן): הכפתור עם מסגרת כהה, כדי שייראה ככפתור על הלבן */
:root .isaak-header .isaak-search-top:not(.wp-block-search__searchfield-hidden) .wp-block-search__button {
	border-color: var(--wp--preset--color--ink);
}

/* ===== ריחוף ופוקוס: שחור, טקסט ואייקון לבנים ===== */
:root .isaak-header .wp-block-woocommerce-customer-account a:hover,
:root .isaak-header .wp-block-woocommerce-customer-account a:focus-visible,
:root .isaak-header .wc-block-mini-cart__button:hover,
:root .isaak-header .wc-block-mini-cart__button:focus-visible,
:root .isaak-header .wp-block-navigation__responsive-container-open:hover,
:root .isaak-header .wp-block-navigation__responsive-container-open:focus-visible,
:root .isaak-header .isaak-call .wp-block-button__link:hover,
:root .isaak-header .isaak-call .wp-block-button__link:focus-visible,
:root .isaak-header .isaak-search .wp-block-search__button:hover,
:root .isaak-header .isaak-search .wp-block-search__button:focus-visible {
	background-color: var(--wp--preset--color--black) !important;
	border-color: var(--wp--preset--color--black) !important;
	color: var(--wp--preset--color--white) !important;
}
:root .isaak-header .isaak-search .wp-block-search__button:hover::before,
:root .isaak-header .isaak-search .wp-block-search__button:focus-visible::before,
:root .isaak-header .wp-block-woocommerce-customer-account a:hover::before,
:root .isaak-header .wp-block-woocommerce-customer-account a:focus-visible::before,
:root .isaak-header .wc-block-mini-cart__button:hover::before,
:root .isaak-header .wc-block-mini-cart__button:focus-visible::before,
:root .isaak-header .wp-block-navigation__responsive-container-open:hover::before,
:root .isaak-header .wp-block-navigation__responsive-container-open:focus-visible::before {
	filter: invert(1);
}

/* ===== ניגודיות גבוהה (forced-colors, 0.8.5): אייקוני הכותרת היו תמונת רקע – במצב הזה הם כמעט נעלמו.
   כאן הם מצוירים כ-mask בצבע הטקסט של המערכת, כמו בפוטר, ולכן נשארים גלויים. במצב רגיל – אין שינוי ===== */
@media (forced-colors: active) {
	:root .isaak-header .isaak-search .wp-block-search__button::before,
	:root .isaak-header .wp-block-woocommerce-customer-account a::before,
	:root .isaak-header .wc-block-mini-cart__button::before,
	:root .isaak-header .wp-block-navigation__responsive-container-open::before,
	:root .isaak-header .isaak-quick .wp-block-button__link::before,
	:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container-close::before,
	.wc-block-components-button.wc-block-components-drawer__close::before {
		forced-color-adjust: none;
		filter: none !important;
		background: none !important;
		background-color: ButtonText !important;
		-webkit-mask: var(--isaak-fc-icon) center / contain no-repeat;
		mask: var(--isaak-fc-icon) center / contain no-repeat;
	}
	:root .isaak-header .isaak-search .wp-block-search__button::before { --isaak-fc-icon: url("../images/icons/search.webp"); }
	:root .isaak-header .wp-block-woocommerce-customer-account a::before { --isaak-fc-icon: url("../images/icons/account.webp"); }
	:root .isaak-header .wc-block-mini-cart__button::before { --isaak-fc-icon: url("../images/icons/cart.webp"); }
	:root .isaak-header .wp-block-navigation__responsive-container-open::before { --isaak-fc-icon: url("../images/icons/menu.webp"); }
	:root .isaak-header .isaak-wa .wp-block-button__link::before { --isaak-fc-icon: url("../images/icons/whatsapp.webp"); }
	:root .isaak-header .isaak-waze .wp-block-button__link::before { --isaak-fc-icon: url("../images/icons/waze.webp"); }
	:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container-close::before,
	.wc-block-components-button.wc-block-components-drawer__close::before { --isaak-fc-icon: url("../images/icons/close.webp"); }
}

/* ===== כפתור הסל: ברוחב של שני כפתורים והרווח ביניהם (ליבנת, 27.10.2026). אייקון ועיגול אדום עם מספר ===== */
:root .isaak-header .wc-block-mini-cart__button {
	width: 6.5rem;
	min-width: 6.5rem;
	padding: 0 0.5rem;
}
:root .isaak-header .wc-block-mini-cart__quantity-badge {
	position: static;
	display: flex;
	align-items: center;
}
/* !important כי WooCommerce קובע את צבעי המספר בסקריפט */
:root .isaak-header .wc-block-mini-cart__badge {
	position: static;
	left: auto;
	right: auto;
	margin: 0 0.5rem 0 0;
	transform: none;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5rem;
	height: 1.5rem;
	padding: 0 0.375rem;
	border-radius: 0.75rem;
	background-color: var(--wp--preset--color--red) !important;
	color: var(--wp--preset--color--white) !important;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1;
}
:root .isaak-header .wc-block-mini-cart__badge:empty {
	display: none;
}
/* חלון העגלה סגור: WooCommerce מסתיר אותו רק בשקיפות (opacity), ולכן Tab נכנס לכפתורים שלא רואים.
   visibility:hidden מוציא אותם מהמקלדת ומקורא המסך. כשהחלון נפתח, WooCommerce מסיר את המחלקה והכול חוזר.
   זמני: למחוק כש-WooCommerce יתקן (בדיקה אחרי כל עדכון, ראו worklist) */
:root .wc-block-components-drawer__screen-overlay--is-hidden {
	visibility: hidden;
}

:root .isaak-header .isaak-search-top:not(.wp-block-search__searchfield-hidden) {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 20;
	box-sizing: border-box;
	padding: 1rem max(1rem, calc((100% - 75rem) / 2)) 1.25rem;
	border-top: 1px solid var(--wp--preset--color--line);
	border-bottom: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--white);
}
:root .isaak-header .isaak-search .wp-block-search__label {
	font-size: 1.0625rem;
	font-weight: 600;
}
:root .isaak-header .isaak-search .wp-block-search__inside-wrapper {
	max-width: 40rem;
	gap: 0.5rem;
}
:root .isaak-header .isaak-search .wp-block-search__input {
	min-height: 3rem;
	box-sizing: border-box;
	padding: 0 0.875rem;
	border: 1px solid var(--wp--preset--color--frame);
	border-radius: 0.5rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: 1.0625rem;
}

:root .isaak-header .wp-block-navigation-item__content {
	min-height: 2.75rem;
	min-width: 2.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}


/* ===== טלפון אופקי: הכותרת לא תופסת יותר מחצי מגובה המסך ===== */
@media (orientation: landscape) and (max-height: 28em) {
	:root .isaak-header {
		max-height: 50vh;
		overflow-y: auto;
	}
}

/* ===== חלון עגלת הקניות: כפתור סגירה "X" (Material Symbols close) ===== */
.wc-block-components-button.wc-block-components-drawer__close {
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 3rem !important;
	height: 3rem !important;
	min-width: 3rem !important;
	min-height: 3rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 2px solid var(--wp--preset--color--ink) !important;
	border-radius: 0.375rem !important;
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--ink) !important;
	opacity: 1 !important;
	cursor: pointer;
}
.wc-block-components-button.wc-block-components-drawer__close svg {
	display: none !important;
}
.wc-block-components-button.wc-block-components-drawer__close::before {
	content: "";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background: url("../images/icons/close.webp") center / contain no-repeat;
}
.wc-block-components-button.wc-block-components-drawer__close:hover,
.wc-block-components-button.wc-block-components-drawer__close:focus-visible {
	background: var(--wp--preset--color--black) !important;
	border-color: var(--wp--preset--color--black) !important;
}
.wc-block-components-button.wc-block-components-drawer__close:hover::before,
.wc-block-components-button.wc-block-components-drawer__close:focus-visible::before {
	filter: invert(1);
}

/* תווית "שמור את ₪..." בחלון העגלה ובדף העגלה: מוסתרת (החלטת ליבנת, 11 באוקטובר 2026).
   המחיר המקורי המחוק והמחיר החדש נשארים. */
.wc-block-components-product-badge,
.wc-block-components-sale-badge {
	display: none !important;
}

/* תמונות בתוכן: אף פעם לא רחבות מהמסך (תמונות ישנות עם רוחב קבוע של 540 גרמו לגלילה הצידה בטלפון) */
.entry-content img {
	max-width: 100%;
	height: auto;
}

/* ===== תפריט: התפריט המובנה של גוטנברג (בלוק ניווט, overlayMenu "always").
   וורדפרס מטפל בעצמו ב-Esc, בפוקוס שנשאר בתוך החלון וחוזר לכפתור, וב-aria. אין כאן קוד שלנו.
   כאן רק עיצוב: חלון לבן, קישורים גדולים, כפתור סגירה כמו שאר כפתורי האייקון. ===== */
:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container.is-menu-open {
	padding: 1rem max(1rem, calc((100% - 75rem) / 2)) 2rem;
}
:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 4rem;
	align-items: stretch;
}
:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation__container {
	width: 100%;
	max-width: 40rem;
	align-items: stretch;
	gap: 0;
}
:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation-item {
	width: 100%;
}
:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation-item__content {
	width: 100%;
	box-sizing: border-box;
	padding: 0.625rem 0.875rem;
	border-radius: 0.5rem;
}
:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation-item__content:hover,
:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation-item__content:focus-visible {
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
	text-decoration: underline;
	text-underline-offset: 0.25rem;
}
:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container-close {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 2px solid transparent; /* בלי מסגרת שחורה (ליבנת, 26.10.2026). הריבוע הלבן על האדום: ניגודיות 4.95:1 */
	border-radius: 0.375rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	cursor: pointer;
}
:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container-close svg {
	display: none;
}
:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container-close::before {
	content: "";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background: url("../images/icons/close.webp") center / contain no-repeat;
}
:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container-close:hover,
:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container-close:focus-visible {
	background: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
}
:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container-close:hover::before,
:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container-close:focus-visible::before {
	filter: invert(1);
}

/* ===== מבנה הכותרת. הסדר בקוד (= סדר ה-Tab): לוגו, תפריט מחשב, חשבון, וויז, וואטסאפ, המבורגר, חיפוש, חיוג, סל (0.6.28).
   מתחת ל-76em (טלפון וטאבלט): שתי שורות, ראו למטה. במחשב (76em ומעלה): "bar" "נעלם" והפריטים בשורה אחת ===== */
@media (min-width: 76em) {
	:root .isaak-header .isaak-bar {
		display: contents;
	}
	:root .isaak-header .isaak-nav-inline {
		margin-inline: auto;
	}
	:root .isaak-header .isaak-menu,
	:root .isaak-header .isaak-quick {
		display: none;
	}
	:root .isaak-header {
		gap: 0.75rem 0.625rem;
	}
}
@media (max-width: 75.99em) {
	:root header.wp-block-template-part:has(> .isaak-header),
	:root .isaak-header {
		display: contents;
	}
	:root .isaak-header .isaak-nav-inline {
		display: none;
	}
	/* שתי שורות, flex: שורה 1 (גובה --isaak-r1): לוגו (ימין), חשבון, וויז, וואטסאפ (שמאל).
	   שורה 2 (3rem): המבורגר (ימין), חיפוש, חיוג, סל (שמאל). הסדר בקוד = סדר ה-Tab = הסדר שרואים.
	   גלילה (ליבנת, 27.10.2026): הכותרת "דביקה" עם top שלילי – שורה 1 נגללת למעלה ונעלמת,
	   ושורה 2 (המבורגר, חיוג וסל) נשארת למעלה. כך לפחות 80% מהמסך פנוי לתוכן */
	:root .isaak-header .isaak-bar {
		/* גובה שורה 1 = גובה הכפתורים, והלוגו באותו גובה. רווח בין השורות = רווח בין הכפתורים (ליבנת, 27.10.2026) */
		--isaak-r1: 3rem;
		--isaak-gap: 0.5rem;
		--isaak-bar-pad: var(--wp--preset--spacing--20);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		gap: var(--isaak-gap) 0.5rem;
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding-inline: max(1rem, calc((100% - 75rem) / 2));
		padding-block: var(--isaak-bar-pad);
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0rem) - var(--isaak-bar-pad) - var(--isaak-r1) - var(--isaak-gap));
		z-index: 40;
	}
	/* מקלדת (WCAG 2.4.11, פוקוס לא מוסתר): כשהפוקוס בשורה 1 (לוגו, חשבון, וויז, וואטסאפ), כל הכותרת חוזרת למסך */
	:root .isaak-header .isaak-bar:has(> .isaak-logo :focus-visible, > .wp-block-woocommerce-customer-account :focus-visible, .isaak-quick :focus-visible) {
		top: var(--wp-admin--admin-bar--height, 0rem);
	}
	:root .isaak-header .isaak-bar > .isaak-logo {
		display: flex;
		align-items: center;
		height: var(--isaak-r1);
		margin: 0;
		margin-inline-end: auto;
		flex: none;
	}
	:root .isaak-header .isaak-bar > .isaak-logo img {
		width: auto !important;
		height: var(--isaak-r1);
		max-width: none;
	}
	:root .isaak-header .isaak-quick,
	:root .isaak-header .isaak-bar > .wp-block-buttons {
		display: contents;
	}
	/* שבירת שורה אחרי וואטסאפ (::after בלי תוכן). שורה 1 לפניה, שורה 2 אחריה */
	:root .isaak-header .isaak-bar > :is(.isaak-logo, .wp-block-woocommerce-customer-account),
	:root .isaak-header .isaak-quick .wp-block-button {
		order: 1;
	}
	:root .isaak-header .isaak-bar::after {
		content: "";
		order: 2;
		flex: 0 0 100%;
		height: 0;
		margin-block-start: calc(-1 * var(--isaak-gap));
	}
	:root .isaak-header .isaak-bar > :is(.isaak-menu, .isaak-search-slot, .wp-block-woocommerce-mini-cart),
	:root .isaak-header .isaak-call {
		order: 3;
	}
	:root .isaak-header .isaak-bar > .isaak-menu {
		margin-inline-end: auto;
	}
	/* "חיוג": כפתור אייקון קטן, אדום. הטקסט נשמע לקורא מסך ולא נראה */
	:root .isaak-header .isaak-call .wp-block-button__link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 3rem;
		height: 3rem;
		min-width: 3rem;
		min-height: 3rem;
		padding: 0;
		font-size: 0;
	}
	:root .isaak-header .isaak-call .wp-block-button__link::before {
		content: "";
		flex: none;
		width: 1.5rem;
		height: 1.5rem;
		/* mask בצבע הטקסט, כמו בפוטר: נשאר גלוי גם במצב ניגודיות גבוהה */
		background-color: currentColor;
		-webkit-mask: url("../images/icons/call.webp") center / contain no-repeat;
		mask: url("../images/icons/call.webp") center / contain no-repeat;
	}
	/* חלון החיפוש: מתחת לכותרת, לא תופס את כל המסך, ונגלל לבד */
	:root .isaak-header .isaak-search-top:not(.wp-block-search__searchfield-hidden) {
		max-height: 45vh;
		overflow-y: auto;
		box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 12%);
	}
}
/* מסך צר (פחות מ-19.5em, 312 פיקסלים), או טלפון עם טקסט מוגדל: אותן שתי שורות, צפופות יותר –
   כפתורים של 2.75rem (44 פיקסלים, עדיין גודל לחיצה מלא), רווח קטן ושוליים צרים.
   נכנס עד 264 פיקסלים. צר מזה: כפתורים יורדים שורה, וההמבורגר עדיין נשאר גלוי בגלילה */
@media (max-width: 19.49em) {
	:root .isaak-header .isaak-bar.isaak-bar {
		--isaak-r1: 2.75rem;
		--isaak-gap: 0.25rem;
		padding-inline: 0.5rem;
		column-gap: 0.25rem;
	}
	:root .isaak-header .isaak-bar :is(.wp-block-woocommerce-customer-account a, .wp-block-navigation__responsive-container-open, .isaak-quick .wp-block-button__link, .isaak-call .wp-block-button__link, .isaak-menu .wp-block-navigation__responsive-container-close, .isaak-search-top .wp-block-search__button),
	:root .isaak-header .isaak-bar > .isaak-search-slot {
		width: 2.75rem;
		height: 2.75rem;
		min-width: 2.75rem;
		min-height: 2.75rem;
	}
	:root .isaak-header .isaak-bar .wc-block-mini-cart__button {
		width: 5.75rem;
		min-width: 5.75rem;
		height: 2.75rem;
		min-height: 2.75rem;
	}
	/* ה-X על ההמבורגר: בגובה 2.75rem ובשוליים הצרים */
	:root .isaak-header .isaak-bar .isaak-menu .is-menu-open .wp-block-navigation__responsive-container-close {
		top: calc(-2.75rem - var(--isaak-bar-pad));
	}
}
/* מסך צר מאוד (פחות מ-15.75em, 252 פיקסלים): שלוש שורות קבועות (ליבנת, 27.10.2026).
   שורה 1: לוגו וחשבון. שורה 2: וויז ווואטסאפ. שורה 3: המבורגר, חיפוש, חיוג וסל.
   הסדר שרואים = הסדר בקוד = סדר ה-Tab. בגלילה נשארת רק שורה 3 (ה-top השלילי כולל גם את שורה 2, --isaak-mid).
   הסל ריבוע בגודל כפתור, והמספר עיגול קטן בפינה, כדי שארבעת הכפתורים ייכנסו (מ-196 פיקסלים) */
@media (max-width: 15.74em) {
	:root .isaak-header .isaak-bar.isaak-bar {
		--isaak-mid: calc(2.75rem + var(--isaak-gap));
		top: calc(var(--wp-admin--admin-bar--height, 0rem) - var(--isaak-bar-pad) - var(--isaak-r1) - var(--isaak-gap) - var(--isaak-mid));
		padding-inline: 0.25rem;
	}
	:root .isaak-header .isaak-bar > :is(.isaak-logo, .wp-block-woocommerce-customer-account) {
		order: 1;
	}
	:root .isaak-header .isaak-bar::before {
		content: "";
		order: 2;
		flex: 0 0 100%;
		height: 0;
		margin-block-start: calc(-1 * var(--isaak-gap));
	}
	:root .isaak-header .isaak-quick .wp-block-button {
		order: 3;
	}
	:root .isaak-header .isaak-bar::after {
		order: 4;
	}
	:root .isaak-header .isaak-bar > :is(.isaak-menu, .isaak-search-slot, .wp-block-woocommerce-mini-cart),
	:root .isaak-header .isaak-call {
		order: 5;
	}
	:root .isaak-header .isaak-bar.isaak-bar .wc-block-mini-cart__button {
		width: 2.75rem;
		min-width: 2.75rem;
		padding: 0;
	}
	/* המספר: עיגול אדום עם מסגרת לבנה בפינה העליונה של כפתור הסל */
	:root .isaak-header .isaak-bar .wc-block-mini-cart__badge {
		position: absolute;
		top: -0.375rem;
		inset-inline-start: -0.375rem;
		min-width: 1.25rem;
		height: 1.25rem;
		margin: 0;
		padding: 0 0.25rem;
		border: 2px solid var(--wp--preset--color--white);
		font-size: 0.75rem;
	}
}
/* 25.5em ומעלה (408 פיקסלים ויותר): יש מקום, אז "חיוג למעבדה" חוזר לכפתור האדום הרגיל, עם הטקסט */
@media (min-width: 25.5em) and (max-width: 75.99em) {
	:root .isaak-header .isaak-call .wp-block-button__link {
		width: auto;
		min-width: 0;
		padding-block: 0;
		padding-inline: 1.25rem;
		font-size: 1.125rem;
		white-space: nowrap;
	}
	:root .isaak-header .isaak-call .wp-block-button__link::before {
		display: none;
	}
}
/* WCAG 2.2 סעיף 2.4.11 (פוקוס לא מוסתר): הכותרת הקבועה לא מכסה את הרכיב שמקבל פוקוס בגלילה במקלדת */
@media (max-width: 75.99em) {
	:root {
		/* בגלילה רואים רק את שורת ההמבורגר (3rem ועוד שוליים) */
		scroll-padding-top: 5rem;
	}
}
/* טלפון אופקי (נמוך): הכותרת צפופה. בגלילה נשארת רק שורת ההמבורגר (פחות מ-20% מהגובה) */
@media (max-width: 75.99em) and (max-height: 28em) {
	:root .isaak-header .isaak-bar {
		--isaak-bar-pad: 0.25rem;
	}
}

/* ===== וואטסאפ וניווט בוויז בכותרת: כפתורי אייקון קטנים (3rem). רק מתחת ל-76em.
   צבעים ומסגרת: בהגדרות הבלוק. כאן רק הגודל והאייקון ===== */
:root .isaak-header .isaak-quick .wp-block-button__link {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	min-width: 3rem;
	min-height: 3rem;
	padding: 0;
	font-size: 0;
	text-decoration: none;
}
:root .isaak-header .isaak-quick .wp-block-button__link::before {
	content: "";
	flex: none;
	width: 1.5rem;
	height: 1.5rem;
	background: center / contain no-repeat;
}
:root .isaak-header .isaak-wa .wp-block-button__link::before {
	background-image: url("../images/icons/whatsapp.webp");
}
:root .isaak-header .isaak-waze .wp-block-button__link::before {
	background-image: url("../images/icons/waze.webp");
}
:root .isaak-header .isaak-quick .wp-block-button__link:hover,
:root .isaak-header .isaak-quick .wp-block-button__link:focus-visible {
	background-color: var(--wp--preset--color--black) !important;
	border-color: var(--wp--preset--color--black) !important;
	color: var(--wp--preset--color--white) !important;
}
:root .isaak-header .isaak-quick .wp-block-button__link:hover::before,
:root .isaak-header .isaak-quick .wp-block-button__link:focus-visible::before {
	filter: invert(1);
}

/* כפתור "חיוג למעבדה": אותו גובה של שאר הכפתורים (3rem) */
:root .isaak-header .isaak-call .wp-block-button__link {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	height: 3rem;
	padding-block: 0;
	line-height: 1;
}

/* ===== כותרת אדומה (0.5.1, ליבנת, 18.10.2026) =====
   רקע אדום (#DA2133). ניגודיות: לבן על אדום 4.95:1, שחור על אדום 4.25:1 (מספיק לאייקונים ולמסגרות, לא לטקסט).
   לכן: קישורי התפריט לבנים, בלוגו האדום הוחלף בלבן והשחור נשאר (logo-on-red.webp), "חיוג למעבדה" כמו כפתורי המסגרת בפוטר (מסגרת וטקסט לבנים).
   כפתורי האייקון נשארים ריבועים לבנים עם אייקון שחור. מסגרת הפוקוס על האדום: לבנה.
   הצבעים עצמם (אדום, קישורים לבנים, "חיוג" במסגרת לבנה): בהגדרות הבלוקים ב-parts/header.html */
:root .isaak-header .isaak-logo a:focus-visible,
:root .isaak-header .isaak-nav-inline a:focus-visible,
:root .isaak-header .isaak-bar > .wp-block-woocommerce-customer-account a:focus-visible,
:root .isaak-header .wc-block-mini-cart__button:focus-visible,
:root .isaak-header .wp-block-navigation__responsive-container-open:focus-visible,
:root .isaak-header .isaak-quick .wp-block-button__link:focus-visible,
:root .isaak-header .isaak-call .wp-block-button__link:focus-visible,
:root .isaak-header .isaak-search-top.wp-block-search__searchfield-hidden .wp-block-search__button:focus-visible {
	outline-color: var(--wp--preset--color--white);
}


/* ===== תיקונים 0.6.6 (ליבנת, 19.10.2026) ===== */
/* (1) בלי קו מתחת לכותרת: הכותרת האדומה מספיקה. (הקו האפור #DDDFE3 נמחק למעלה) */

/* (2) מחשב: הכותרת קבועה למעלה בגלילה, כמו בטלפון.
   לא במסך נמוך (פחות מ-28em, למשל לפטופ בהגדלה גבוהה), כדי שלא תכסה יותר מחצי מסך.
   scroll-padding: מה שמקבל פוקוס בגלילה במקלדת לא מוסתר מאחורי הכותרת (WCAG 2.4.11) */
@media (min-width: 76em) and (min-height: 28.01em) {
	:root header.wp-block-template-part:has(> .isaak-header) {
		position: sticky;
		top: var(--wp-admin--admin-bar--height, 0rem);
		z-index: 40;
	}
	:root {
		scroll-padding-top: 6.5rem;
	}
}

/* (3) טלפון עם סרגל הניהול של וורדפרס (עד 600 פיקסלים): הסרגל לא קבוע שם ונגלל עם הדף,
   ולכן הכותרת נצמדת לקצה העליון (0), ולא נחתכת או משאירה רווח */
@media (max-width: 37.5em) {
	:root .isaak-header .isaak-bar {
		--wp-admin--admin-bar--height: 0rem;
	}
}

/* (4) טלפון וטאבלט: התפריט נפתח מתחת לכותרת, ולא על כל המסך (0.6.7, ליבנת).
   - הכותרת נשארת גלויה. התפריט לכל היותר חצי מסך, ונגלל בתוך עצמו.
   - כפתור הסגירה (X) יושב בדיוק במקום של כפתור ההמבורגר.
   - חץ למטה בפינת התפריט כשיש עוד פריטים. בסוף הרשימה החץ מתכסה (CSS בלבד: רקע "local" מעל רקע "scroll").
     החץ: Material Symbols "expand_more" (Apache 2.0). קישוט בלבד.
   החלון נשאר החלון של וורדפרס: Esc סוגר, הפוקוס נשאר בפנים וחוזר לכפתור "תפריט" */
@media (max-width: 75.99em) {
	/* החלון נמדד מכפתור ההמבורגר עצמו: נפתח מתחתיו, וה-X יושב בדיוק עליו – בכל רוחב ובכל גודל טקסט */
	:root .isaak-header .isaak-bar > .isaak-menu {
		position: relative;
	}
	:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container.is-menu-open {
		position: absolute;
		inset: 100% 0 auto 0;
		box-sizing: border-box;
		height: auto;
		max-height: 50vh;
		overflow: visible;
		padding: 0;
		border-block-end: 2px solid var(--wp--preset--color--ink);
	}
	:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation__responsive-close {
		max-height: calc(50vh - 2px);
		overflow-y: auto;
		box-sizing: border-box;
		padding: 0.25rem max(1rem, calc((100% - 75rem) / 2));
		/* בלי רווחים ריקים למעלה ולמטה (ליבנת, 27.10.2026). החץ למטה מופיע בפינה, ליד הפריט האחרון */
		background:
			linear-gradient(var(--wp--preset--color--white), var(--wp--preset--color--white)) bottom / 100% 2.75rem no-repeat local,
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='%2314181F' d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E") left 1rem bottom 0.25rem / 2.25rem 2.25rem no-repeat scroll,
			var(--wp--preset--color--white);
	}
	:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation__responsive-container-content {
		padding-top: 0;
	}
	/* X במקום ההמבורגר: מעל התפריט, באותו מקום ובאותו גודל (3rem) */
	:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation__responsive-container-close {
		position: absolute;
		top: calc(-3rem - var(--isaak-bar-pad));
		inset-inline-start: -2px;
		inset-inline-end: auto;
		z-index: 100;
	}
	/* בלי האנימציה של וורדפרס לפתיחת התפריט (אין תנועה באתר) */
	:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container.is-menu-open {
		animation: none;
		transform: none;
	}
	/* משתמש מחובר: וורדפרס מוסיף רווח בגובה סרגל הניהול בראש התפריט. התפריט כבר מתחת לכותרת, אז בלי הרווח */
	:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}
	/* המיקום של ה-X נמדד מהתפריט עצמו, ולא מחלקים פנימיים של וורדפרס */
	:root .isaak-header .isaak-menu .is-menu-open :is(.wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog) {
		position: static;
	}
}
/* טלפון וטאבלט (עד 76em): התפריט בחלון צר (15rem) מתחת להמבורגר, בצד ימין, והדף נשאר גלוי לידו (ליבנת, 26.10.2026) */
@media (max-width: 75.99em) {
	:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container.is-menu-open {
		inset-block-start: calc(100% + var(--isaak-bar-pad));
		inset-inline-start: 0;
		inset-inline-end: auto;
		width: min(15rem, calc(100vw - 2rem));
		border: 2px solid var(--wp--preset--color--ink);
		border-block-start: 0;
		border-radius: 0 0 0.5rem 0.5rem;
	}
	:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation__responsive-close {
		padding-inline: 0.75rem;
		border-radius: 0 0 0.5rem 0.5rem;
	}
	/* ה-X נמדד מהחלון, שמתחיל כבר בקצה הכפתורים (פחות עובי המסגרת) */
	:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation__responsive-container-close {
		inset-inline-start: -2px;
	}
	/* פריטים צפופים יותר, ועדיין 44 פיקסלים לפחות ללחיצה */
	:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation-item__content {
		min-height: 2.75rem;
		padding-block: 0.375rem;
	}
}
/* טלפון (עד 36em): חלון צר עוד יותר (11rem), לפי המילה הארוכה בתפריט ("שאלות נפוצות") */
@media (max-width: 35.99em) {
	:root .isaak-header .isaak-menu .wp-block-navigation__responsive-container.is-menu-open {
		width: min(11rem, calc(100vw - 1rem));
	}
	:root .isaak-header .isaak-menu .is-menu-open .wp-block-navigation__responsive-close {
		padding-inline: 0.5rem;
	}
}

/* סרגל הניהול של וורדפרס (רק למשתמש מחובר): בטלפון יש בו יותר כפתורים ממה שנכנס, והוא הרחיב את הדף.
   הסרגל לא יוצא מרוחב המסך. לגולשים אין סרגל, ואין שינוי */
@media (max-width: 37.5em) {
	:root #wpadminbar {
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
	}
}

/* מצב ניגודיות גבוהה (forced-colors): הלוגו הוא אותיות לבנות על שקוף. בלי הרקע האדום הן נעלמות.
   הלוגו לבדו נשאר על אדום (ניגודיות לבן על #DA2133: 4.95) */
@media (forced-colors: active) {
	.isaak-logo img {
		forced-color-adjust: none;
		background-color: #DA2133;
	}
	/* אייקון החיוג בטלפון (mask) – בצבע הקישור של המערכת */
	:root .isaak-header .isaak-call .wp-block-button__link::before {
		forced-color-adjust: none;
		background-color: LinkText;
	}
}

/* ===== הודעות של WooCommerce (למשל "נוסף לסל", שגיאה בעגלה): בצבעי האתר, לא בירוק ובכחול של WooCommerce (ליבנת, 4.11.2026).
   רקע לבן, מסגרת וסימן בעיגול: שחור-כחלחל להודעה רגילה, אדום לשגיאה. הסימן (וי, סימן קריאה) נשאר – המידע לא רק בצבע.
   ניגודיות: מסגרת #14181F מול לבן 17.9:1, אדום #DA2133 מול לבן 4.95:1, סימן לבן על העיגול 17.9:1 / 4.95:1 ===== */
.wc-block-components-notice-banner {
	background-color: var(--wp--preset--color--white) !important;
	border: 2px solid var(--wp--preset--color--ink) !important;
	color: var(--wp--preset--color--ink) !important;
	border-radius: 0.5rem;
}
.wc-block-components-notice-banner > svg {
	background-color: var(--wp--preset--color--ink) !important;
	fill: var(--wp--preset--color--white) !important;
}
.wc-block-components-notice-banner.is-error {
	border-color: var(--wp--preset--color--red) !important;
}
.wc-block-components-notice-banner.is-error > svg {
	background-color: var(--wp--preset--color--red) !important;
}
/* כפתור הסגירה (X) של ההודעה: WooCommerce נותן 16 פיקסלים ושקיפות 60% – קטן מדי וחלש מדי (WCAG 2.5.8, 1.4.11).
   עכשיו ריבוע 3rem עם מסגרת כהה, X כהה מלא, ובמעבר עכבר ובפוקוס – שחור עם X לבן, כמו שאר כפתורי האייקון (ליבנת, 4.11.2026) */
.wc-block-components-notice-banner .wc-block-components-notice-banner__dismiss {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 3rem !important;
	height: 3rem !important;
	min-width: 3rem;
	margin: -0.625rem 0 !important;
	padding: 0 !important;
	border: 2px solid var(--wp--preset--color--ink) !important; /* ריבוע כהה, כמו כל כפתורי האייקון על לבן באתר (ליבנת) */
	border-radius: 0.375rem !important;
	background: transparent !important;
	opacity: 1 !important;
	color: var(--wp--preset--color--ink) !important;
}
.wc-block-components-notice-banner .wc-block-components-notice-banner__dismiss svg {
	width: 1.5rem !important;
	height: 1.5rem !important;
	fill: currentColor !important;
	background: transparent !important;
}
.wc-block-components-notice-banner .wc-block-components-notice-banner__dismiss:is(:hover, :focus-visible) {
	background: var(--wp--preset--color--black) !important;
	border-color: var(--wp--preset--color--black) !important;
	color: var(--wp--preset--color--white) !important;
}
/* כפתור בתוך הודעה ("לעיין במוצרים", "אימות כתובת אימייל", "מעבר לסל"; 0.8.6): WooCommerce מכריח ריווח 0, שקיפות 0.7, רקע שקוף ותנועה (!important),
   והטקסט נצמד למסגרת. כאן הוא חוזר להיות כפתור רגיל של האתר: לבן, מסגרת כהה 2px, ריווח, 44 פיקסלים. במעבר עכבר ובפוקוס – שחור עם טקסט לבן.
   ניגודיות: #14181F מול לבן 17.9:1, לבן מול שחור 21:1 */
:root .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 2.75rem;
	max-width: 100%;
	margin: 0.5rem 0 0 1rem;
	padding: 0.25rem 1.25rem !important;
	border: 2px solid var(--wp--preset--color--ink);
	border-radius: 0.375rem;
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--ink) !important;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3;
	white-space: normal;
	text-decoration: none !important;
	opacity: 1;
	transition: none;
}
:root .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:is(:hover, :focus-visible) {
	background: var(--wp--preset--color--black) !important;
	border-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white) !important;
}
:root .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:focus-visible {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 2px;
}
/* טלפון וטאבלט צר: הכפתור לא "צף" לצד הטקסט (הטקסט נדחס לעמודה צרה), אלא בשורה משלו מעל הטקסט – כמו הסדר בקוד */
@media (max-width: 40em) {
	:root .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
		float: none;
		display: flex;
		width: fit-content;
		margin: 0 0 0.75rem;
	}
}

/* כש-WooCommerce גולל אל ההודעה, היא לא נעלמת מאחורי הכותרת הדביקה (WCAG 2.4.11). 10rem – גובה הכותרת במחשב ועוד רווח */
.wc-block-components-notice-banner {
	scroll-margin-top: 10rem;
}
/* טלפון צר מאוד עם טקסט מוגדל: טקסט ההודעה יורד שורה ולא יוצא מהמסך */
.wc-block-components-notice-banner__content {
	min-width: 0;
	overflow-wrap: anywhere;
}

/* הודעות לקורא מסך של וורדפרס (a11y-speak, למשל "נוסף לעגלת הקניות"): מוסתרות בגודל פיקסל אחד.
   בעברית וורדפרס ממקם אותן בקצה הימני עם שוליים שליליים, וזה יוצר גלילה הצידה של פיקסל בטלפון צר מאוד. בתוך המסך – ההודעה עדיין נקראת */
body > div:has(> .a11y-speak-region),
.a11y-speak-region,
#a11y-speak-intro-text {
	left: 0 !important;
	right: auto !important;
	margin: 0 !important;
}

/* ===== הדף הנוכחי בתפריט (ליבנת, 4.11.2026): קו תחתון עבה קבוע, כמו במעבר עכבר. כך רואים באיזה דף נמצאים.
   וורדפרס מסמן את הדף עצמו ב-aria-current="page" (וקורא המסך אומר "הדף הנוכחי").
   דפי בת מסומנים לפי המחלקות של וורדפרס בגוף הדף: דף שירות ← "שירותים", קטגוריה ומוצר ← "חנות", כתבה, עמוד הבלוג וקטגוריה של הבלוג ← "בלוג".
   הסימון לא רק בצבע – קו תחתון (WCAG 1.4.1) ===== */
:root .isaak-header .wp-block-navigation-item__content[aria-current="page"],
:root body.parent-pageid-941 .isaak-header .wp-block-navigation-item__content[href$="/services/"],
:root body.tax-product_cat .isaak-header .wp-block-navigation-item__content[href$="/shop/"],
:root body.single-product .isaak-header .wp-block-navigation-item__content[href$="/shop/"],
:root body.single-post .isaak-header .wp-block-navigation-item__content[href$="/blog/"],
:root body:is(.blog, .category) .isaak-header .wp-block-navigation-item__content[href$="/blog/"] {
	text-decoration-line: underline;
	text-decoration-thickness: 0.1875rem !important;
	text-underline-offset: 0.375rem;
}

/* ===== דף הסל ודף התשלום (WooCommerce קלאסי). בלי קוד PHP (ליבנת, 4.11.2026): העיצוב כאן, בקובץ שנטען בכל האתר, וכל כלל מתחיל ב-.isaak-wc-page – משפיע רק על שני הדפים האלה =====
   Isaak Child – דף הסל ודף התשלום (WooCommerce קלאסי), לפי ההדמיות cartpage-v4 ו-checkout-v4.
   התוכן בעמוד עצמו (פירורי לחם, H1, בלוק "סל קניות קלאסי" / "תשלום קלאסי"). כאן רק העיצוב של WooCommerce,
   כדי שייראה כמו שאר האתר: טבלה בקווים דקים, שדות כמו בטופס צור קשר, כפתורים כמו בחנות, תיבות באפור חלש עם קו שחור דק למעלה. */

/* ===== 1. סידור: במחשב – המוצרים מימין, הסיכום משמאל. בטלפון – אחד מתחת לשני. בקוד המוצרים קודם, ולכן גם Tab ===== */
.isaak-wc-page .woocommerce:has(> .woocommerce-cart-form) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
	align-items: start;
}
/* 0.8.8 (ליבנת 8.11.2026): זה לצד זה רק מ-75em (1200). מתחת – הסיכום מתחת לטבלה, כדי שיהיה מקום לעמודת כמות בעתיד */
@media (min-width: 75em) {
	.isaak-wc-page .woocommerce:has(> .woocommerce-cart-form) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 20rem); /* 20rem (היה 24rem) – הטבלה רחבה יותר, ליבנת 8.11.2026 */
	}
	.isaak-wc-page .woocommerce:has(> .woocommerce-cart-form) > :not(.woocommerce-cart-form, .cart-collaterals) {
		grid-column: 1 / -1;
	}
}
/* הבלוק של WooCommerce "רחב" (alignwide) – ברוחב התוכן של הדף (70rem), כמו פירורי הלחם והכותרת */
.isaak-wc-page.is-layout-constrained > .woocommerce.alignwide {
	max-width: 70rem;
	width: 100%;
	margin-block-start: 0; /* בלי זה נוצר פס אפור דק בין הכותרת לסל */
}
.isaak-wc-page .woocommerce > * {
	margin: 0;
	min-width: 0;
}
.isaak-wc-page .woocommerce-notices-wrapper:empty {
	display: none;
}

/* ===== 2. טבלת המוצרים: בלי מסגרת מסביב, קו כהה מתחת לכותרות וקו דק בין שורות (כמו בהדמיה) ===== */
.isaak-wc-page table.shop_table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	border-radius: 0;
}
.isaak-wc-page table.shop_table :is(th, td) {
	padding: 1rem 0.75rem;
	border: 0;
	border-top: 0;
	text-align: start;
	vertical-align: middle;
	font-size: 1.0625rem;
}
.isaak-wc-page table.cart thead th {
	border-bottom: 2px solid var(--wp--preset--color--ink);
	font-weight: 700;
	white-space: nowrap;
}
.isaak-wc-page table.cart tbody tr.cart_item td {
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.isaak-wc-page table.cart .product-thumbnail img {
	display: block;
	width: 5rem;
	height: 5rem;
	object-fit: contain;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--white);
}
.isaak-wc-page table.cart .product-name a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	font-weight: 600;
}
.isaak-wc-page table.cart .amount {
	font-variant-numeric: tabular-nums;
}
/* הכמות: כל מוצר נמכר ביחידה אחת (הגדרת המוצר), ו-WooCommerce לא מציג שדה. העמודה הריקה מוסתרת */
.isaak-wc-page table.cart:not(:has(.product-quantity input:not([type="hidden"]))) .product-quantity {
	display: none;
}

/* ===== 3. הסרת מוצר: כפתור "הסרה" (כמו בהדמיה, ליבנת 4.11.2026) במקום ×. לבן עם מסגרת שחורה, 44 פיקסלים, במעבר עכבר ובפוקוס – שחור עם טקסט לבן.
   ה-× של WooCommerce מוסתר, והמילה "הסרה" מוצגת במקומו. השם לקורא המסך מ-WooCommerce: "להסיר את {שם המוצר} מעגלת הקניות" ===== */
.isaak-wc-page table.cart a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto;
	height: auto;
	min-height: 2.75rem;
	padding: 0.25rem 1rem;
	border: 2px solid var(--wp--preset--color--ink);
	border-radius: 0.375rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink) !important;
	font-size: 0;
	line-height: 1.3;
	text-decoration: none !important;
	overflow-wrap: normal;
}
.isaak-wc-page table.cart td.product-remove {
	width: 1%;
}
.isaak-wc-page table.cart a.remove::after {
	content: "הסרה";
	white-space: nowrap;
	font-size: 1.0625rem;
	font-weight: 600;
}
.isaak-wc-page table.cart a.remove:is(:hover, :focus-visible) {
	background: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white) !important;
}

/* ===== 4. קופון ועדכון הסל: תיבה באפור חלש עם קו שחור דק למעלה (כמו בהדמיה). השדה כמו בטופס צור קשר ===== */
.isaak-wc-page table.cart td.actions {
	padding: 1.25rem;
	border-top: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--page);
}
.isaak-wc-page table.cart td.actions .coupon {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
	align-items: center;
	float: none;
	margin-bottom: 1rem;
}
/* התווית "קופון" גלויה, כמו כל תווית שדה באתר (בהדמיה: "קוד קופון") */
.isaak-wc-page table.cart td.actions .coupon label {
	position: static !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
	font-weight: 600;
	font-size: 1.0625rem;
}

/* ===== 5. שדות (קופון, טופס התשלום): כמו בטופס צור קשר – לבן, מסגרת #80878F (3.6:1), פינות 0.5rem, גובה 3rem. כיתוב חלש 4.58:1 ===== */
.isaak-wc-page :is(input.input-text, textarea, select):not([type="hidden"]) {
	box-sizing: border-box;
	min-height: 3rem;
	max-width: 100%;
	margin: 0;
	padding: 0 0.875rem;
	border: 1px solid var(--wp--preset--color--frame);
	border-radius: 0.5rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font: inherit;
	font-size: 1.0625rem;
}
.isaak-wc-page textarea {
	padding-block: 0.625rem;
}
.isaak-wc-page td.actions .coupon input.input-text {
	flex: 1 1 12rem;
	width: auto !important;
}
.isaak-wc-page :is(input.input-text, textarea)::placeholder {
	color: #70767F;
	opacity: 1;
}

/* ===== 6. כפתורים: לבן עם מסגרת שחורה, 44 פיקסלים, במעבר עכבר ובפוקוס – שחור עם טקסט לבן (כמו "הוספה לסל") ===== */
.isaak-wc-page .woocommerce :is(button.button, a.button, input.button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 2.75rem;
	max-width: 100%;
	margin: 0;
	padding: 0.25rem 1.25rem;
	border: 2px solid var(--wp--preset--color--ink);
	border-radius: 0.375rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	white-space: normal;
	text-decoration: none !important;
	opacity: 1;
}
.isaak-wc-page .woocommerce :is(button.button, a.button, input.button):is(:hover, :focus-visible):not(:disabled) {
	background: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}
/* "לעדכן סל קניות" לפני שינוי: כבוי. מסגרת אפורה #80878F (3.6:1) וטקסט #4A5260 – נראה כבוי, אבל קריא */
.isaak-wc-page .woocommerce button.button:disabled {
	border-color: var(--wp--preset--color--frame);
	color: var(--wp--preset--color--ink-muted);
	cursor: not-allowed;
}

/* ===== 7. סיכום הסל: תיבה באפור חלש עם קו שחור דק למעלה. "המשך לתשלום" – אדום, ברוחב התיבה, במעבר עכבר ובפוקוס – שחור ===== */
.isaak-wc-page .cart-collaterals,
.isaak-wc-page .cart-collaterals .cart_totals {
	width: 100%;
	float: none;
}
.isaak-wc-page .cart_totals {
	box-sizing: border-box;
	padding: 1.5rem clamp(0.75rem, 4vw, 1.5rem);
	border-top: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--page);
}
.isaak-wc-page .cart_totals h2 {
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--heading-lg);
}
.isaak-wc-page .cart_totals table.shop_table :is(th, td) {
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	vertical-align: top;
}
.isaak-wc-page .cart_totals table.shop_table th {
	font-weight: 600;
	padding-inline-end: 1rem;
}
.isaak-wc-page .cart_totals .order-total :is(th, td) {
	border-top: 2px solid var(--wp--preset--color--ink);
	border-bottom: 0;
	font-size: 1.25rem;
	font-weight: 700;
}
.isaak-wc-page .wc-proceed-to-checkout {
	padding: 1.5rem 0 0;
}
.isaak-wc-page .wc-proceed-to-checkout a.checkout-button {
	display: flex;
	width: 100%;
	min-height: 3rem;
	margin: 0;
	border-color: var(--wp--preset--color--red);
	background: var(--wp--preset--color--red);
	color: var(--wp--preset--color--white);
	font-size: 1.0625rem;
}

/* ===== 8. בחירת משלוח (עיגולים): עיגול 1.25rem בצבע הטקסט, שורה בגובה 44 פיקסלים ===== */
.isaak-wc-page ul.woocommerce-shipping-methods {
	margin: 0;
	padding: 0;
	list-style: none;
}
.isaak-wc-page ul.woocommerce-shipping-methods li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.75rem;
	margin: 0;
}
.isaak-wc-page ul.woocommerce-shipping-methods input[type="radio"] {
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
	accent-color: var(--wp--preset--color--ink);
}
.isaak-wc-page .woocommerce-shipping-destination {
	margin: 0.5rem 0;
	color: var(--wp--preset--color--ink-soft);
	font-size: 1rem;
}
.isaak-wc-page .shipping-calculator-button {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	min-height: 2.75rem;
	font-weight: 600;
}

/* ===== 9. טלפון: הטבלה כרשימה (WooCommerce מוסיף את שם העמודה לפני כל ערך). התמונה והכפתור × בשורה אחת ===== */
@media (max-width: 47.99em) {
	.isaak-wc-page table.cart thead {
		display: none;
	}
	.isaak-wc-page table.cart :is(tr, td) {
		display: block;
	}
	.isaak-wc-page table.cart tbody tr.cart_item {
		position: relative;
		padding: 1rem 0;
		border-bottom: 1px solid var(--wp--preset--color--line);
	}
	.isaak-wc-page table.cart tbody tr.cart_item td {
		display: flex;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.25rem 0;
		border: 0;
		text-align: start !important;
	}
	.isaak-wc-page table.cart tbody tr.cart_item td::before {
		flex: none;
		float: none !important;
		font-weight: 600;
	}
	.isaak-wc-page table.cart td.product-thumbnail {
		display: block !important;
	}
	.isaak-wc-page table.cart td.product-thumbnail::before,
	.isaak-wc-page table.cart td.product-remove::before {
		display: none;
	}
	/* "הסרה" והתמונה באותה שורה (ליבנת, 4.11.2026): "הסרה" מימין והתמונה לידה – כך הסדר שרואים זהה לסדר ה-Tab (קודם "הסרה", אחר כך המוצר).
	   שאר הפרטים (שם, מחיר, סכום ביניים) מתחת, ברוחב מלא */
	.isaak-wc-page table.cart tbody tr.cart_item {
		display: flex;
		flex-wrap: wrap; /* טלפון צר מאוד עם טקסט מוגדל: התמונה יורדת מתחת ל"הסרה" */
		align-items: center;
		gap: 0.5rem 1rem;
	}
	.isaak-wc-page table.cart tbody tr.cart_item > td:not(.product-remove, .product-thumbnail) {
		flex: 1 1 100%;
	}
	.isaak-wc-page table.cart td.product-remove {
		padding: 0;
	}
	.isaak-wc-page table.cart .product-thumbnail img {
		max-width: 100%;
	}
	.isaak-wc-page table.cart td.actions {
		display: block;
		margin-top: 1rem;
		padding: 1.25rem clamp(0.75rem, 4vw, 1.25rem);
	}
	.isaak-wc-page table.cart td.actions > button.button {
		width: 100%;
	}
}

/* WooCommerce צובע בטלפון שורה אחת מתוך שתיים באפור – כאן התיבה כבר אפורה, ולכן בלי צבע נוסף */
.isaak-wc-page table.shop_table_responsive tr:nth-child(2n) td:not(.actions) {
	background-color: transparent;
}

/* ===== 10. טלפון צר מאוד עם טקסט מוגדל: שום דבר לא יוצא מהמסך (WCAG 1.4.10).
   מחיר (amount) – לא כאן: מספר לא נשבר באמצע (ליבנת, 8.11.2026: "220." בשורה אחת ו-"00" בשנייה). ראו "מחיר בשורה אחת" למטה ===== */
.isaak-wc-page .woocommerce :is(td, th, label, a) {
	overflow-wrap: anywhere;
}
/* שם המוצר בטבלת הסל (מחשב וטאבלט): מילה לא נשברת באמצע ("מטע" / "ן") – רק אם מילה לבדה רחבה מהעמודה (0.8.8).
   בטלפון (כרטיס) נשאר anywhere – כדי שבטלפון צר מאוד עם טקסט מוגדל שום דבר לא ייצא מהמסך */
@media (min-width: 48em) {
	.isaak-wc-page .woocommerce table.cart td.product-name,
	.isaak-wc-page .woocommerce table.cart td.product-name a {
		overflow-wrap: break-word;
	}
}

/* ===== 11. דף התשלום – סידור (לפי checkout-v4): במחשב – פרטי הלקוח מימין, ההזמנה והתשלום משמאל. בטלפון – אחד מתחת לשני.
   בקוד פרטי הלקוח קודם, ולכן גם Tab ===== */
.isaak-wc-page form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem 2rem;
	align-items: start;
}
@media (min-width: 56em) {
	.isaak-wc-page form.checkout {
		grid-template-columns: minmax(0, 1fr) minmax(0, 24rem);
		grid-template-areas: "details heading" "details review";
		grid-template-rows: auto 1fr;
	}
	.isaak-wc-page form.checkout #customer_details { grid-area: details; }
	.isaak-wc-page form.checkout #order_review_heading { grid-area: heading; }
	.isaak-wc-page form.checkout #order_review { grid-area: review; }
}
.isaak-wc-page form.checkout #customer_details {
	display: grid;
	gap: 1.5rem;
	width: 100%;
}
.isaak-wc-page form.checkout #customer_details :is(.col-1, .col-2) {
	display: grid;
	gap: 1.5rem;
	float: none;
	width: 100%;
	max-width: none;
}
.isaak-wc-page form.checkout > :is(#customer_details, #order_review_heading, #order_review) {
	margin: 0;
	min-width: 0;
}

/* ===== 12. תיבות: אפור חלש, קו שחור דק למעלה (כמו בסל ובהדמיה). פרטי חיוב, משלוח לכתובת אחרת, מידע נוסף, וההזמנה ===== */
.isaak-wc-page form.checkout :is(.col-1, .woocommerce-shipping-fields, .woocommerce-additional-fields),
.isaak-wc-page form.checkout #order_review_heading,
.isaak-wc-page form.checkout #order_review {
	box-sizing: border-box;
	padding: 1.5rem clamp(0.75rem, 4vw, 1.5rem);
	background: var(--wp--preset--color--page);
}
.isaak-wc-page form.checkout :is(.col-1, .woocommerce-shipping-fields, .woocommerce-additional-fields),
.isaak-wc-page form.checkout #order_review_heading {
	border-top: 1px solid var(--wp--preset--color--ink);
}
/* הכותרת "פרטי ההזמנה" והטבלה – תיבה אחת */
.isaak-wc-page form.checkout #order_review_heading {
	padding-bottom: 0;
}
.isaak-wc-page form.checkout #order_review {
	padding-top: 1rem;
}
.isaak-wc-page form.checkout :is(h3, #order_review_heading) {
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--heading-lg);
}
.isaak-wc-page form.checkout .woocommerce-shipping-fields h3,
.isaak-wc-page form.checkout .woocommerce-additional-fields h3 {
	margin-bottom: 0.5rem;
}

/* ===== 13. שדות הטופס: תווית 17 מודגשת מעל השדה (כמו בטופס צור קשר). שם פרטי ושם משפחה – שניים בשורה, בטלפון אחד ===== */
.isaak-wc-page form.checkout :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.25rem 1rem;
}
@media (min-width: 30em) {
	.isaak-wc-page form.checkout :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	.isaak-wc-page form.checkout :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) > .form-row:not(.form-row-first, .form-row-last) {
		grid-column: 1 / -1;
	}
}
.isaak-wc-page form.checkout .form-row {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.isaak-wc-page form.checkout .form-row label:not(.checkbox, .woocommerce-form__label-for-checkbox) {
	display: block;
	margin: 0 0 0.375rem;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.5;
}
.isaak-wc-page form.checkout .form-row :is(input.input-text, textarea, select) {
	width: 100%;
}
.isaak-wc-page form.checkout textarea {
	min-height: 6rem;
}
/* שדה חובה מסומן במילה "(חובה)" ולא בכוכבית – כמו בהדמיה ובטופס צור קשר. לקורא המסך: aria-required של השדה */
.isaak-wc-page .woocommerce .required[aria-hidden="true"] {
	font-size: 0;
	text-decoration: none;
	border: 0;
}
.isaak-wc-page .woocommerce .required[aria-hidden="true"]::after {
	content: "(חובה)";
	font-size: 1rem;
	font-weight: 400;
	color: var(--wp--preset--color--ink-muted);
}
.isaak-wc-page .woocommerce .optional {
	font-size: 1rem;
	font-weight: 400;
	color: var(--wp--preset--color--ink-muted);
}
/* "ישראל" (מדינה אחת – בלי רשימה): בגובה שדה */
.isaak-wc-page form.checkout #billing_country_field strong,
.isaak-wc-page form.checkout #shipping_country_field strong {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
}

/* ===== 14. תיבות סימון ועיגולים: 1.25rem, בצבע הטקסט, שורה בגובה 44 פיקסלים ===== */
.isaak-wc-page .woocommerce :is(input[type="checkbox"], input[type="radio"]) {
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
	accent-color: var(--wp--preset--color--ink);
	vertical-align: middle;
}
.isaak-wc-page .woocommerce label:is(.checkbox, .woocommerce-form__label-for-checkbox) {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.75rem;
	font-size: 1.0625rem;
	font-weight: 600;
	cursor: pointer;
}

/* ===== 15. סיכום ההזמנה (טבלה) – כמו בסל ===== */
.isaak-wc-page .woocommerce-checkout-review-order-table thead th {
	border-bottom: 2px solid var(--wp--preset--color--ink) !important;
	font-weight: 700;
}
.isaak-wc-page .woocommerce-checkout-review-order-table :is(th, td) {
	padding: 0.75rem 0 !important;
	border-bottom: 1px solid var(--wp--preset--color--line) !important;
	vertical-align: top;
	background: transparent !important;
}
.isaak-wc-page .woocommerce-checkout-review-order-table :is(.product-total, tfoot td) {
	text-align: end;
}
.isaak-wc-page .woocommerce-checkout-review-order-table .order-total :is(th, td) {
	border-top: 2px solid var(--wp--preset--color--ink) !important;
	border-bottom: 0 !important;
	font-size: 1.25rem;
	font-weight: 700;
}
.isaak-wc-page .woocommerce-checkout-review-order-table .woocommerce-shipping-methods {
	text-align: start;
}

/* ===== 16. אופן תשלום ושליחת הזמנה: בתוך התיבה האפורה, בלי הרקע הסגול-אפור של WooCommerce. "שליחת הזמנה" – אדום, ברוחב התיבה ===== */
.isaak-wc-page #payment {
	margin-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	background: transparent;
}
.isaak-wc-page #payment ul.payment_methods {
	margin: 0;
	padding: 1rem 0;
	border: 0;
	list-style: none;
}
.isaak-wc-page #payment ul.payment_methods li {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.isaak-wc-page #payment ul.payment_methods li > label {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	margin-inline-start: 0.5rem;
	font-weight: 600;
}
.isaak-wc-page #payment div.payment_box {
	margin: 0.5rem 0 0;
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: 1rem;
}
.isaak-wc-page #payment div.payment_box::before {
	display: none;
}
.isaak-wc-page #payment div.form-row {
	margin: 0;
	padding: 1rem 0 0;
	border-top: 1px solid var(--wp--preset--color--line);
}
.isaak-wc-page .woocommerce-privacy-policy-text p {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	color: var(--wp--preset--color--ink-soft);
}
.isaak-wc-page #payment #place_order {
	display: flex;
	float: none;
	width: 100%;
	min-height: 3rem;
	margin-top: 1rem;
	border-color: var(--wp--preset--color--red);
	background: var(--wp--preset--color--red);
	color: var(--wp--preset--color--white);
	font-size: 1.0625rem;
}
/* "המשך לתשלום" ו"שליחת הזמנה" במעבר עכבר ובפוקוס: שחור, כמו כל הכפתורים */
.isaak-wc-page .woocommerce :is(#place_order, .checkout-button):is(:hover, :focus-visible) {
	border-color: var(--wp--preset--color--black) !important;
	background: var(--wp--preset--color--black) !important;
	color: var(--wp--preset--color--white) !important;
}

/* ===== 17. "קנית כאן בעבר?" ו"יש לך קופון?" – הטפסים שנפתחים: תיבה אפורה, כמו שאר התיבות ===== */
.isaak-wc-page :is(form.woocommerce-form-login, form.checkout_coupon) {
	display: grid;
	gap: 1rem;
	margin: 0;
	padding: 1.5rem clamp(0.75rem, 4vw, 1.5rem);
	border: 0;
	border-top: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	background: var(--wp--preset--color--page);
}
.isaak-wc-page :is(form.woocommerce-form-login, form.checkout_coupon) .form-row {
	float: none;
	width: auto;
	margin: 0;
}
.isaak-wc-page :is(form.woocommerce-form-login, form.checkout_coupon) .clear {
	display: none;
}
/* "פרטי ההזמנה" והטבלה שמתחתיה – תיבה אחת, בלי רווח באמצע (הרווח של הרשת הוא 1.5rem) */
.isaak-wc-page form.checkout > #order_review {
	margin-top: -1.5rem;
}
/* כוכבית "חובה" בתיבת התקנון – גם היא במילה "(חובה)" */
.isaak-wc-page .woocommerce-terms-and-conditions-wrapper .required {
	font-size: 0;
	text-decoration: none;
	border: 0;
}
.isaak-wc-page .woocommerce-terms-and-conditions-wrapper .required::after {
	content: "(חובה)";
	font-size: 1rem;
	font-weight: 400;
	color: var(--wp--preset--color--ink-muted);
}
/* טלפון: הטבלה והשורות ברוחב המסך (בלי זה הטבלה רחבה מהמסך בטלפון צר) */
@media (max-width: 47.99em) {
	.isaak-wc-page table.cart,
	.isaak-wc-page table.cart tbody {
		display: block;
		width: 100%;
	}
	.isaak-wc-page table.cart tbody tr.cart_item td {
		flex-wrap: wrap;
	}
}
/* קישורים בתוך טקסט (מדיניות פרטיות, תנאי שימוש, "יש ללחוץ כאן כדי להתחבר", "לחצו כאן כדי להזין את קוד הקופון"): גובה לחיצה 44 פיקסלים ומודגש 600, כמו בכל האתר */
.isaak-wc-page :is(.woocommerce-privacy-policy-text, .woocommerce-terms-and-conditions-checkbox-text, .wc-block-components-notice-banner__content) a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	font-weight: 600;
}
/* אפשרויות משלוח בטלפון צר מאוד עם טקסט מוגדל: המילים יורדות שורה ליד העיגול */
.isaak-wc-page ul.woocommerce-shipping-methods li {
	width: 100%;
	box-sizing: border-box;
}
.isaak-wc-page ul.woocommerce-shipping-methods li label {
	flex: 1 1 auto;
	min-width: 0;
}
.isaak-wc-page .cart_totals table.shop_table td {
	min-width: 0;
}
@media (max-width: 47.99em) {
	.isaak-wc-page .cart_totals table.shop_table,
	.isaak-wc-page .cart_totals table.shop_table tbody {
		display: block;
		width: 100%;
	}
}
/* פוקוס במקלדת בשדות (קופון, טופס התשלום): מסגרת 3 פיקסלים כהה, כמו בכל האתר. WooCommerce מבטל אותה בשדה הקופון (outline:0) – כאן מחזירים */
.isaak-wc-page .woocommerce :is(input, select, textarea):focus-visible,
.isaak-wc-page .woocommerce table.cart td.actions .coupon .input-text:focus-visible {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 2px;
}
/* שוליים של הודעות WooCommerce לא "בורחים" מעל החלק (בלי זה – פס אפור דק מתחת לכותרת, למשל בסל ריק) */
.isaak-wc-page {
	display: flow-root;
}
/* תיבות סימון ובחירה (סל, תשלום) – כמו כל תיבות הסימון באתר, ריבוע (ליבנת, 4.11.2026).
   אזור הלחיצה 44×44 פיקסלים (ליבנת, 5.11.2026 – כל רכיב לחיץ 44), ובתוכו ריבוע של 24: מסגרת כהה (17.9:1), נבחר – מלא כהה עם וי לבן (Material Symbols "check").
   עדיין תיבת סימון / כפתור בחירה רגילים לקורא המסך ולמקלדת */
:root .isaak-wc-page .woocommerce :is(input[type="checkbox"], input[type="radio"]) {
	display: inline-block; /* WooCommerce נותן לתיבת התקנון display:inline, ואז אין לה גודל */
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	flex: none;
	width: 2.75rem;
	height: 2.75rem;
	margin: 0 -0.625rem 0 0; /* הריבוע הנראה נשאר צמוד לשוליים, כמו קודם */
	border: 0;
	border-radius: 0.375rem;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect x='11' y='11' width='22' height='22' rx='3.5' fill='%23fff' stroke='%2314181F' stroke-width='2'/%3E%3C/svg%3E") center / 100% no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
:root .isaak-wc-page .woocommerce :is(input[type="checkbox"], input[type="radio"]):checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect x='10' y='10' width='24' height='24' rx='4' fill='%2314181F'/%3E%3Cpath d='M18.5 29.3 13 23.8l1.8-1.8 3.7 3.7 9.7-9.7 1.8 1.8z' fill='%23fff'/%3E%3C/svg%3E");
}
/* מצב ניגודיות גבוהה: הדפדפן מצייר את התיבה בעצמו (אחרת הסימון לא נראה) */
@media (forced-colors: active) {
	:root .isaak-wc-page .woocommerce :is(input[type="checkbox"], input[type="radio"]) {
		appearance: auto;
		-webkit-appearance: auto;
		width: 1.5rem;
		height: 1.5rem;
		margin: 0;
	}
}
/* טלפון צר מאוד: התמונה קטנה יותר ולא יוצאת מהמסך */
@media (max-width: 47.99em) {
	.isaak-wc-page table.cart td.product-thumbnail {
		flex: 0 1 5rem;
		width: auto;
		min-width: 0;
		padding: 0 !important;
	}
	.isaak-wc-page table.cart td.product-remove {
		width: auto;
	}
	.isaak-wc-page table.cart .product-thumbnail a {
		display: block;
	}
	.isaak-wc-page table.cart .product-thumbnail img {
		width: min(5rem, 100%);
		height: auto;
		aspect-ratio: 1;
	}
}
/* דף התשלום: "קנית כאן בעבר?" ו"יש לך קופון?" – בתיבה אפורה עם קו שחור דק למעלה, כמו שאר התיבות (ליבנת, 4.11.2026) */
.isaak-wc-page :is(.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle) .wc-block-components-notice-banner {
	border: 0 !important;
	border-top: 1px solid var(--wp--preset--color--ink) !important;
	border-radius: 0;
	background-color: var(--wp--preset--color--page) !important;
}

/* ===== חיפוש (בחנות ובדף תוצאות החיפוש, מחלקה isaak-shop-search; ליבנת, 4.11.2026 ו-5.11.2026): מעל המוצרים, שדה ארוך, וכפתור זכוכית מגדלת בצד שמאל של השדה – כמו כפתורי האייקון בכותרת.
   התווית גלויה מעל השדה, כמו בטופס צור קשר (17, מודגש 600). שדה ומסגרת כמו בטופס (מסגרת 3.6:1, פינות 0.5rem).
   כיתוב חלש #70767F – 4.58:1 (ליבנת: המינימום) ===== */
.wp-block-search.isaak-shop-search .wp-block-search__label {
	font-weight: 600;
}
.wp-block-search.isaak-shop-search .wp-block-search__inside-wrapper {
	flex-wrap: wrap; /* טלפון צר מאוד עם טקסט מוגדל: השדה יורד שורה מתחת לכפתור, ולא יוצא מהמסך */
	gap: 0.5rem;
	width: 100%;
	min-width: 0;
}
.wp-block-search.isaak-shop-search .wp-block-search__input {
	flex: 1 1 9rem;
	width: auto;
	min-width: 0;
	min-height: 3rem;
	margin: 0;
	padding: 0 0.875rem;
	border: 1px solid var(--wp--preset--color--frame);
	border-radius: 0.5rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
}
.wp-block-search.isaak-shop-search .wp-block-search__input::placeholder {
	color: #70767F;
	opacity: 1;
}
/* הכפתור אחרי השדה (בצד שמאל), כדי שסדר המקלדת יהיה כמו שרואים: כותבים, Tab, חיפוש (ליבנת, 4.11.2026). ריבוע 3rem עם זכוכית מגדלת */
.wp-block-search.isaak-shop-search .wp-block-search__button {
	order: 0;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 3rem;
	height: 3rem;
	min-width: 3rem;
	padding: 0;
	margin: 0;
	border: 2px solid var(--wp--preset--color--ink);
	border-radius: 0.375rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	cursor: pointer;
}
.wp-block-search.isaak-shop-search .wp-block-search__button svg {
	display: none;
}
.wp-block-search.isaak-shop-search .wp-block-search__button::before {
	content: "";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background: url("../images/icons/search.webp") center / contain no-repeat;
}
.wp-block-search.isaak-shop-search .wp-block-search__button:is(:hover, :focus-visible) {
	background: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}
.wp-block-search.isaak-shop-search .wp-block-search__button:is(:hover, :focus-visible)::before {
	filter: invert(1);
}

/* מצב ניגודיות גבוהה: הכפתור והאייקון נשארים גלויים */
@media (forced-colors: active) {
	.wp-block-search.isaak-shop-search .wp-block-search__button {
		border-color: ButtonText;
		forced-color-adjust: none;
		background: ButtonFace;
	}
	.wp-block-search.isaak-shop-search .wp-block-search__button::before {
		background: none;
		background-color: ButtonText;
		-webkit-mask: url("../images/icons/search.webp") center / contain no-repeat;
		mask: url("../images/icons/search.webp") center / contain no-repeat;
	}
}

/* ===== החשבון שלי (WooCommerce קלאסי, קוד קצר [woocommerce_my_account], לפי ההדמיה account-v4, ליבנת 5.11.2026) =====
   העיצוב כאן כי לטפסים של WooCommerce אין הגדרות בגוטנברג. כל כלל מתחיל ב-.isaak-wc-page – רק בדפים של WooCommerce. */

/* התחברות והרשמה: שתי תיבות אפורות זו ליד זו, עם קו שחור דק למעלה, כמו בתשלום. כשאין מקום – אחת מתחת לשנייה */
.isaak-wc-page #customer_login {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
	gap: 1.5rem 4rem;
}
.isaak-wc-page #customer_login::before,
.isaak-wc-page #customer_login::after {
	display: none;
}
.isaak-wc-page #customer_login > :is(.u-column1, .u-column2),
.isaak-wc-page .woocommerce > form.woocommerce-ResetPassword,
.isaak-wc-page .woocommerce-MyAccount-content {
	float: none;
	width: auto;
	max-width: none;
	box-sizing: border-box;
	margin: 0;
	padding: 1.5rem clamp(0.75rem, 4vw, 1.5rem);
	border: 0;
	border-top: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	background: var(--wp--preset--color--page);
}
.isaak-wc-page #customer_login h2 {
	margin: 0 0 1rem;
}
/* הטופס בתוך התיבה: בלי תיבה נוספת (הכלל של "קנית כאן בעבר?" בתשלום לא חל כאן) */
.isaak-wc-page #customer_login form,
.isaak-wc-page .woocommerce > form.woocommerce-ResetPassword {
	display: grid;
	gap: 1rem;
	margin: 0;
	border-radius: 0;
}
.isaak-wc-page #customer_login form {
	padding: 0;
	border: 0;
	background: none;
}
.isaak-wc-page :is(#customer_login, .woocommerce-ResetPassword, .woocommerce-MyAccount-content) :is(.form-row, p) {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.isaak-wc-page :is(#customer_login, .woocommerce-ResetPassword, .woocommerce-MyAccount-content) .clear {
	display: none;
}
/* "זכור אותי" מעל הכפתור, והכפתור בשורה משלו */
.isaak-wc-page .woocommerce-form-login .form-row:has(> .woocommerce-form-login__submit) {
	display: grid;
	gap: 1rem;
	justify-items: start;
}
/* התחברות, הרשמה, איפוס סיסמה ושמירה: אדום, ברוחב התיבה, כמו "שליחת הזמנה" */
.isaak-wc-page .woocommerce :is(.woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword button.button, .woocommerce-MyAccount-content button.button) {
	width: 100%;
	border-color: var(--wp--preset--color--red) !important;
	background: var(--wp--preset--color--red) !important;
	color: var(--wp--preset--color--white) !important;
}
.isaak-wc-page .woocommerce :is(.woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword button.button, .woocommerce-MyAccount-content button.button):is(:hover, :focus-visible) {
	border-color: var(--wp--preset--color--black) !important;
	background: var(--wp--preset--color--black) !important;
	color: var(--wp--preset--color--white) !important;
}
/* "איפוס סיסמה": קישור לבד – 44 פיקסלים */
.isaak-wc-page .woocommerce-LostPassword a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	font-weight: 600;
}

/* מחובר: תפריט החשבון מימין, התוכן משמאל. בטלפון – התפריט מעל */
.isaak-wc-page .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem 3rem;
	align-items: start;
}
@media (min-width: 48em) {
	.isaak-wc-page .woocommerce:has(> .woocommerce-MyAccount-navigation) {
		grid-template-columns: 15rem minmax(0, 1fr);
	}
}
/* WooCommerce מוסיף לפני ואחרי התוכן "ניקוי" (::before, ::after) – ברשת הם תופסים תא, ולכן מוסתרים */
.isaak-wc-page .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.isaak-wc-page .woocommerce:has(> .woocommerce-MyAccount-navigation)::after {
	display: none;
}
.isaak-wc-page .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}
.isaak-wc-page .woocommerce-MyAccount-navigation {
	float: none;
	width: auto;
}
.isaak-wc-page .woocommerce-MyAccount-navigation ul {
	display: grid;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* פריט בתפריט: מסגרת אפורה כהה (3.6:1), 44 פיקסלים. הדף הנוכחי – שחור עם טקסט לבן. מעבר עכבר ופוקוס – שחור */
.isaak-wc-page .woocommerce-MyAccount-navigation a {
	display: flex;
	align-items: center;
	min-height: 2.75rem;
	box-sizing: border-box;
	padding: 0.5rem 1rem;
	border: 1px solid var(--wp--preset--color--frame);
	border-radius: 0.375rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--card);
	font-weight: 600;
	text-decoration: none;
}
.isaak-wc-page .woocommerce-MyAccount-navigation :is(.is-active a, a:hover, a:focus-visible) {
	border-color: var(--wp--preset--color--black);
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}
/* בלי קו תחתון בתפריט החשבון (כמו בהדמיה): המסגרת והצבע מסמנים את הדף הנוכחי. !important – כלל הקישורים של האתר חזק יותר */
.isaak-wc-page .woocommerce-MyAccount-navigation a {
	text-decoration-line: none !important;
}
.isaak-wc-page .woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
}
.isaak-wc-page .woocommerce-MyAccount-content > :first-child {
	margin-top: 0;
}
.isaak-wc-page .woocommerce-MyAccount-content > :last-child {
	margin-bottom: 0;
}

/* כפתור "הצגת סיסמה" (העין) ליד שדה הסיסמה: 44 פיקסלים (WCAG 2.5.8) */
.isaak-wc-page .woocommerce .show-password-input {
	min-width: 2.75rem;
	min-height: 2.75rem;
}
/* טבלת ההזמנות: מספר ההזמנה וכפתור "צפייה" – 44 פיקסלים */
.isaak-wc-page .woocommerce-orders-table__cell-order-number a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	font-weight: 600;
}

/* ===== חלון העגלה (לפי ההדמיה cart-v3, ליבנת 4.11.2026): רקע לבן, בלי התיאור של המוצר (כפול עם השם), מחיר פעם אחת,
   כפתור "הסרה" במילה במקום אייקון הפח, וכפתורים כמו בכל האתר ===== */
:root body .wc-block-mini-cart__drawer,
:root body .wc-block-mini-cart__drawer .wc-block-components-drawer__content,
:root body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents,
:root body .wc-block-mini-cart__drawer .wp-block-woocommerce-filled-mini-cart-contents-block,
:root body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer {
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--ink);
}
:root body .wc-block-mini-cart__drawer .wc-block-mini-cart__title {
	font-size: var(--wp--preset--font-size--heading-lg);
	font-weight: 600;
	line-height: 1.3;
}
/* תיאור המוצר (מילים שכבר כתובות בשם) ומחיר היחידה מתחת לשם – מוסתרים. המחיר מופיע בצד, פעם אחת */
:root body .wc-block-mini-cart__drawer .wc-block-components-product-metadata,
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__prices {
	display: none !important;
}
/* WooCommerce טוען את העיצוב של החלון רק כשפותחים אותו, אחרי הקובץ הזה – ולכן כאן :root body (כלל חזק יותר) */
:root body .wc-block-mini-cart__drawer table.wc-block-mini-cart-items {
	border-collapse: collapse;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-items__row {
	border-bottom: 1px solid var(--wp--preset--color--line);
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__image img {
	border: 1px solid var(--wp--preset--color--line);
}
:root body .wc-block-mini-cart__drawer a.wc-block-components-product-name {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.4;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__total {
	font-size: 1.0625rem;
	font-weight: 700;
}
/* "הסרה": לבן עם מסגרת שחורה, 44 פיקסלים, במעבר עכבר ובפוקוס – שחור עם טקסט לבן. אייקון הפח מוסתר.
   השם לקורא המסך מ-WooCommerce: "להסיר את {שם המוצר} מעגלת הקניות" */
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__remove-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto !important;
	height: auto !important;
	min-height: 2.75rem;
	margin: 0.5rem 0 0 !important;
	padding: 0.25rem 1rem !important;
	border: 2px solid var(--wp--preset--color--ink) !important;
	border-radius: 0.375rem;
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--ink) !important;
	font-size: 0 !important;
	text-decoration: none !important;
	opacity: 1 !important;
	cursor: pointer;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__remove-link svg {
	display: none !important;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__remove-link::after {
	content: "הסרה";
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__remove-link:is(:hover, :focus-visible) {
	background: var(--wp--preset--color--black) !important;
	border-color: var(--wp--preset--color--black) !important;
	color: var(--wp--preset--color--white) !important;
}
/* סכום ביניים */
:root body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer {
	border-top: 2px solid var(--wp--preset--color--ink);
}
:root body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal {
	font-size: 1.0625rem;
	font-weight: 700;
}
:root body .wc-block-mini-cart__drawer .wc-block-components-totals-item__description {
	font-size: 1rem;
	font-weight: 400;
	color: var(--wp--preset--color--ink-soft);
}
/* "מעבר לסל הקניות" – לבן עם מסגרת שחורה; "מעבר לתשלום בקופה" – אדום. במעבר עכבר ובפוקוס – שחור. 44 פיקסלים, 17 מודגש */
:root body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button {
	min-height: 3rem;
	border: 2px solid var(--wp--preset--color--ink);
	border-radius: 0.375rem;
	font-size: 1.0625rem;
	font-weight: 600;
	text-decoration: none !important;
}
:root body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-cart {
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--ink) !important;
}
:root body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-checkout {
	border-color: var(--wp--preset--color--red) !important;
	background: var(--wp--preset--color--red) !important;
	color: var(--wp--preset--color--white) !important;
}
:root body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button:is(:hover, :focus-visible) {
	border-color: var(--wp--preset--color--black) !important;
	background: var(--wp--preset--color--black) !important;
	color: var(--wp--preset--color--white) !important;
}
/* ===== סל ותשלום – גופן, גודל ועובי כמו בשאר האתר (בדיקה של 4.11.2026) =====
   כותרות H3 של WooCommerce ("פרטי חיוב", "פרטי ההזמנה") – 19 מודגש 700, כמו כל H3 באתר.
   שדות – 17 כמו בטופס צור קשר. כפתורים – 17 מודגש 600. סכום כולל – 700 (לא 900) */
:root .isaak-wc-page form.checkout :is(h3, #order_review_heading) {
	font-size: var(--wp--preset--font-size--heading-md);
	font-weight: 700;
	line-height: 1.4;
}
:root .isaak-wc-page .woocommerce :is(input.input-text, textarea, select):not([type="hidden"]),
:root .isaak-wc-page .woocommerce form .form-row :is(input.input-text, textarea, select) {
	font-size: 1.0625rem;
}
:root .isaak-wc-page .woocommerce :is(.wc-proceed-to-checkout a.checkout-button, #place_order) {
	font-size: 1.0625rem;
	font-weight: 600;
}
:root .isaak-wc-page .woocommerce .order-total :is(th, td, strong, .amount, bdi) {
	font-weight: 700;
}
:root .isaak-wc-page form.checkout #ship-to-different-address label {
	font-size: 1.0625rem;
	font-weight: 600;
}
:root .isaak-wc-page .woocommerce table.cart td.actions .coupon .input-text {
	font-size: 1.0625rem;
}
:root .isaak-wc-page .woocommerce-cart-form #coupon_code {
	font-size: 1.0625rem;
}
/* בחירת משלוח בתשלום: 17 רגיל, כמו בסל ובטופס צור קשר; "הזמנה טלפונית" (אופן תשלום) – 17 מודגש 600 */
:root .isaak-wc-page .woocommerce ul.woocommerce-shipping-methods label {
	font-size: 1.0625rem;
	font-weight: 400;
}
:root .isaak-wc-page #payment ul.payment_methods li > label {
	font-size: 1.0625rem;
}
/* חלון העגלה בטלפון צר / טקסט מוגדל: הטבלה ברוחב החלון, מחיר ושם יורדים שורה. קישור התמונה בגובה התמונה (מעל 44 פיקסלים) */
:root body .wc-block-mini-cart__drawer table.wc-block-mini-cart-items {
	width: 100%;
	table-layout: fixed;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-items__row :is(td, .wc-block-components-product-name) {
	min-width: 0;
	white-space: normal;
	overflow-wrap: anywhere;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__image a {
	display: block;
}
/* שורת מוצר בחלון: תמונה, פרטים, מחיר – הפרטים תופסים את מה שנשאר, ולא יוצאים מהחלון */
:root body .wc-block-mini-cart__drawer .wc-block-cart-items__row {
	grid-template-columns: min(4.5rem, 25%) minmax(0, 1fr) auto;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__image a {
	min-height: 2.75rem;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__quantity {
	flex-wrap: wrap;
	min-width: 0;
}
:root body .wc-block-mini-cart__drawer .wc-block-cart-item__remove-link {
	max-width: 100%;
	padding-inline: min(1rem, 4vw) !important;
}
/* ===== טופס התשלום – שגיאות (WCAG 3.3.1): הודעה ליד השדה בגודל 16 ובאדום של האתר (#DA2133, 4.95:1), ומסגרת אדומה עבה יותר.
   התווית נשארת בצבע הטקסט – המידע לא רק בצבע: יש הודעה כתובה ו-aria-invalid (של WooCommerce). שדה תקין – בלי מסגרת ירוקה (כמו בטופס צור קשר) ===== */
:root .isaak-wc-page form.checkout .woocommerce-invalid label {
	color: var(--wp--preset--color--ink);
}
:root .isaak-wc-page form.checkout .woocommerce-invalid :is(input.input-text, textarea, select) {
	border: 2px solid var(--wp--preset--color--red);
}
:root .isaak-wc-page form.checkout .woocommerce-validated :is(input.input-text, textarea, select) {
	border-color: var(--wp--preset--color--frame);
}
:root .isaak-wc-page form.checkout .checkout-inline-error-message {
	margin: 0.375rem 0 0;
	color: var(--wp--preset--color--red);
	font-size: 1rem;
	font-weight: 600;
}
:root .isaak-wc-page .woocommerce .required {
	color: var(--wp--preset--color--ink-muted);
}
/* דף התשלום: שתי העמודות מתחילות באותו קו (ליבנת, 4.11.2026). WooCommerce מוסיף "ניקוי צף" (::before/::after) שתופס שורה ברשת – מוסתר.
   הכותרת "פרטי ההזמנה" צמודה לטבלה שמתחתיה – תיבה אחת, בלי פס לבן */
:root .isaak-wc-page form.checkout #customer_details::before,
:root .isaak-wc-page form.checkout #customer_details::after {
	display: none;
}
:root .isaak-wc-page form.checkout #order_review_heading {
	margin-bottom: 0;
}
/* כפתור "חזרה לסל הקניות" (בלוק כפתור בעמוד): בטלפון צר מאוד עם טקסט מוגדל – לא רחב מהמסך */
:root .isaak-back-cart .wp-block-button__link {
	max-width: 100%;
	box-sizing: border-box;
	padding-inline: min(2em, 6vw);
}
/* סל: הרקע האפור רק סביב הקופון, ו"לעדכן סל קניות" מתחתיו, מחוץ לרקע (ליבנת, 4.11.2026) */
:root .isaak-wc-page table.cart td.actions {
	padding: 0;
	border-top: 0;
	background: transparent !important;
}
:root .isaak-wc-page table.cart td.actions .coupon {
	box-sizing: border-box;
	margin: 0 0 1rem;
	padding: 1.25rem clamp(0.75rem, 4vw, 1.25rem);
	border-top: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--page);
}
@media (max-width: 47.99em) {
	:root .isaak-wc-page table.cart td.actions {
		margin-top: 1rem;
		padding: 0;
	}
}
/* סל: התיבה של התוסף WhizManage "Apply discounts as a single coupon" – מוסתרת (ליבנת, 4.11.2026).
   באנגלית ולא ברורה ללקוח. ההנחות ממשיכות לעבוד כרגיל (ברירת המחדל של התוסף) */
:root .isaak-wc-page .whiz-as-coupon {
	display: none !important;
}
/* סל: התווית "קופון" מימין, כמו כל תווית באתר (WooCommerce מיישר את השורה הזאת לשמאל) */
:root .isaak-wc-page table.cart td.actions,
:root .isaak-wc-page table.cart td.actions .coupon label {
	text-align: start;
}
/* פירורי לחם ידניים בסל ובתשלום (בלוק HTML בעמוד, ליבנת 4.11.2026): וורדפרס טוען את העיצוב של פירורי הלחם רק בדף שיש בו את הבלוק שלו.
   כאן אותו עיצוב בדיוק, כדי שייראו כמו בכל האתר (שורה, החץ › בין הקישורים) */
:root .wp-block-breadcrumbs { box-sizing: border-box; }
:root .wp-block-breadcrumbs ol { flex-wrap: wrap; list-style: none; }
:root .wp-block-breadcrumbs :is(li, ol) { display: flex; align-items: center; margin: 0; padding: 0; }
:root .wp-block-breadcrumbs li:not(:last-child)::after { content: var(--separator, "/") / ""; margin: 0 0.5em; opacity: 0.7; }
:root .wp-block-breadcrumbs span { color: inherit; }
/* כפתור "חזרה לסל הקניות" (בתשלום): במעבר עכבר ובפוקוס – שחור עם טקסט לבן, כמו כל הכפתורים באתר */
:root .isaak-back-cart .wp-block-button__link:is(:hover, :focus-visible) {
	border-color: var(--wp--preset--color--black);
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

/* ===== כמות (מוכן לעתיד – היום כל המוצרים ביחידה אחת, ליבנת 4.11.2026) =====
   חלון העגלה: − מספר + בתיבה אחת, מסגרת כמו בשדות (#80878F, 3.6:1), כל כפתור 44 פיקסלים, במעבר עכבר ובפוקוס – שחור עם סימן לבן.
   דף הסל: שדה מספר כמו כל השדות באתר, 17, גובה 3rem */
:root body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector {
	/* בלי display: כשהמוצר ביחידה אחת, WooCommerce מסתיר את התיבה – והיא נשארת מוסתרת */
	align-items: stretch;
	min-height: 2.75rem;
	margin: 0.5rem 0 0;
	border: 1px solid var(--wp--preset--color--frame);
	border-radius: 0.5rem;
	background: var(--wp--preset--color--white);
	overflow: hidden;
}
:root body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector::after {
	display: none;
}
:root body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button {
	min-width: 2.75rem;
	min-height: 2.75rem;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: 1.25rem;
	font-weight: 600;
	opacity: 1;
	cursor: pointer;
}
:root body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button:is(:hover, :focus-visible):not(:disabled) {
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}
/* כפתור כבוי (למשל − כשהכמות 1): אפור #4A5260 (7.4:1) – נראה כבוי אבל קריא */
:root body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button:disabled {
	color: var(--wp--preset--color--ink-muted);
	cursor: not-allowed;
}
:root body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__input {
	width: 3rem;
	min-height: 2.75rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-inline: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: 1.0625rem;
	font-weight: 600;
	text-align: center;
	-moz-appearance: textfield;
}
:root body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__input:focus-visible,
:root body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button:focus-visible {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: -3px;
}
:root .isaak-wc-page table.cart .product-quantity input.qty:not([type="hidden"]) {
	box-sizing: border-box;
	width: 5rem;
	min-height: 3rem;
	padding: 0 0.5rem;
	border: 1px solid var(--wp--preset--color--frame);
	border-radius: 0.5rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: 1.0625rem;
	text-align: center;
}

/* ===== דף "ההזמנה התקבלה" (תבנית "אישור הזמנה", בלוקים של WooCommerce, לפי thanks-v1 בעיצוב של התשלום – ליבנת 5.11.2026) =====
   תיבות באפור חלש עם קו שחור דק למעלה (בהגדרות הבלוקים בתבנית). כאן רק מה שאין לו הגדרה: סידור הסיכום בשורה, הטבלה בקווים דקים, גודל ועובי כמו בכל האתר */
:root .isaak-order-status h1 {
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--heading-xl);
	font-weight: 600;
	line-height: 1.2;
}
:root .isaak-order-status p {
	margin: 0;
	font-size: 1.125rem;
}
/* מספר הזמנה, תאריך, סכום, אימייל, אמצעי תשלום – תיבות אפורות בשורה (בטלפון – שתיים או אחת בשורה) */
:root .isaak-order .wc-block-order-confirmation-summary-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); /* בטלפון – שתיים בשורה */
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
:root .isaak-order .wc-block-order-confirmation-summary-list-item {
	box-sizing: border-box;
	margin: 0;
	padding: 1rem clamp(0.75rem, 4vw, 1.25rem);
	border-top: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--page);
	font-size: 1.125rem;
	font-weight: 700;
	overflow-wrap: anywhere;
}
:root .isaak-order .wc-block-order-confirmation-summary-list-item__key {
	display: block;
	margin-bottom: 0.25rem;
	color: var(--wp--preset--color--ink-muted);
	font-size: 1rem;
	font-weight: 400;
}
:root .isaak-order .wc-block-order-confirmation-additional-information p {
	margin: 0;
	font-size: 1.125rem;
}
/* טבלת המוצרים: בלי מסגרת מסביב, קו כהה מתחת לכותרות, קו דק בין שורות, סך הכל מודגש 700 */
:root .isaak-order :is(.wc-block-order-confirmation-totals, .wc-block-order-confirmation-totals__table) {
	border: 0;
	border-radius: 0;
}
:root .isaak-order .wc-block-order-confirmation-totals__table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
:root .isaak-order .wc-block-order-confirmation-totals__table :is(th, td) {
	padding: 0.75rem 0;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	background: transparent;
	font-size: 1.0625rem;
	text-align: start;
	vertical-align: top;
}
:root .isaak-order .wc-block-order-confirmation-totals__table thead th {
	border-bottom: 2px solid var(--wp--preset--color--ink);
	font-weight: 700;
}
:root .isaak-order .wc-block-order-confirmation-totals__table :is(td, th).wc-block-order-confirmation-totals__total {
	text-align: end;
	white-space: nowrap;
}
:root .isaak-order .wc-block-order-confirmation-totals__table tfoot tr:last-child :is(th, td) {
	border-top: 2px solid var(--wp--preset--color--ink);
	border-bottom: 0;
	font-size: 1.25rem;
	font-weight: 700;
}
:root .isaak-order .wc-block-order-confirmation-totals__product a {
	font-weight: 600;
}
:root .isaak-order .wc-block-order-confirmation-order-note {
	margin-top: 1rem;
	padding: 0;
	border: 0;
}
:root .isaak-order .wc-block-order-confirmation-order-note__label {
	margin: 0;
	font-weight: 700;
}
/* כתובות: בתיבה האפורה, בלי מסגרת נוספת של WooCommerce */
:root .isaak-order :is(.wc-block-order-confirmation-shipping-address, .wc-block-order-confirmation-billing-address) {
	padding: 0;
	border: 0;
	border-radius: 0;
	font-size: 1.0625rem;
}
:root .isaak-order address {
	font-style: normal;
	line-height: 1.7;
}
:root .isaak-order .wc-block-order-confirmation-address-wrapper .wp-block-column > * {
	height: 100%;
}
:root .isaak-order .isaak-order-box {
	box-sizing: border-box;
	height: 100%;
}
:root .isaak-order .isaak-order-box h2 {
	margin: 0;
}
/* "ההזמנה התקבלה": שם המוצר – גובה לחיצה 44 פיקסלים. טלפון צר / טקסט מוגדל – הטבלה לא רחבה מהמסך, המחיר יורד שורה */
:root .isaak-order .wc-block-order-confirmation-totals__product a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
}
:root .isaak-order .wc-block-order-confirmation-totals__table {
	table-layout: fixed;
}
:root .isaak-order .wc-block-order-confirmation-totals__table :is(th, td) {
	overflow-wrap: anywhere;
}
:root .isaak-order .wc-block-order-confirmation-totals__table :is(td, th).wc-block-order-confirmation-totals__total {
	width: 35%;
	white-space: normal;
}
/* דפי התודה (לפי thanks-v4): סימן וי אדום מעל הכותרת (Material Symbols "check_circle", קישוט – בלי שם לקורא מסך),
   ואייקון וואטסאפ / טלפון בכפתורים – כמו בכפתורים בפוטר. במעבר עכבר ובפוקוס האייקון לבן */
:root .isaak-thanks-title::before {
	content: "";
	display: block;
	width: 3rem;
	height: 3rem;
	margin-bottom: 1rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='%23DA2133' d='m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
:root body:not(.home) :is(.isaak-btn-wa, .isaak-btn-call) .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
:root body:not(.home) :is(.isaak-btn-wa, .isaak-btn-call) .wp-block-button__link::before {
	content: "";
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
	background-color: currentColor; /* האייקון בצבע הכפתור (טורקיז), ובמעבר עכבר – לבן */
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
}
:root body:not(.home) .isaak-btn-wa .wp-block-button__link::before { -webkit-mask-image: url("../images/icons/whatsapp.webp"); mask-image: url("../images/icons/whatsapp.webp"); }
:root body:not(.home) .isaak-btn-call .wp-block-button__link::before { -webkit-mask-image: url("../images/icons/call.webp"); mask-image: url("../images/icons/call.webp"); }
@media (forced-colors: active) {
	:root body:not(.home) :is(.isaak-btn-wa, .isaak-btn-call) .wp-block-button__link::before { forced-color-adjust: none; background-color: ButtonText; }
}
/* כפתורים לבנים בדפי התודה: שחור במעבר עכבר ובפוקוס, כמו כל הכפתורים (אותו כלל כמו "חזרה לסל") */

/* ===== ביקורות מגוגל בדפי התודה: אותו עיצוב כמו בדף הבית (home.css נטען רק בדף הבית), כדי שהביקורות לא יצאו מהמסך בטלפון צר ===== */
/* ===== 7. ביקורות (מהתוסף Reviews and Rating; קובץ העיצוב שלו כבוי). אין ביקורות – החלק מוסתר ===== */
:root body:not(.home) .isaak-reviews:not(:has(.gmbrr .listing > li)) {
	display: none;
}
:root body:not(.home) .isaak-reviews .gmbrr .listing {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	border-block-end: 1px solid var(--wp--preset--color--line);
}
:root body:not(.home) .isaak-reviews .gmbrr .listing > li {
	position: relative;
	display: block;
	margin: 0;
	padding: 1.5rem 0;
	border-block-start: 1px solid var(--wp--preset--color--line);
}
:root body:not(.home) .isaak-reviews .gmbrr .listing > li:first-child {
	border-block-start-color: var(--wp--preset--color--ink);
}
:root body:not(.home) .isaak-reviews .gmbrr .listing > li::before {
	content: "\200B";
	position: absolute;
}
:root body:not(.home) .isaak-reviews .gmbrr .review-meta {
	margin: 0 0 0.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 0.75rem;
	row-gap: 0.25rem;
}
:root body:not(.home) .isaak-reviews .gmbrr :is(.author-name, .rating, .relative-time-description) {
	margin: 0;
}
:root body:not(.home) .isaak-reviews .gmbrr .author-name {
	font-weight: 700;
	color: var(--wp--preset--color--ink);
}
:root body:not(.home) .isaak-reviews .gmbrr .rating {
	color: var(--wp--preset--color--red);
	letter-spacing: 0.125em;
}
:root body:not(.home) .isaak-reviews .gmbrr .relative-time-description {
	font-size: 0.9375rem;
	color: var(--wp--preset--color--ink-muted);
}
:root body:not(.home) .isaak-reviews .gmbrr .text {
	display: block;
	margin: 0;
	max-width: 40em;
	font-size: 1.0625rem;
	line-height: 1.6;
	color: var(--wp--preset--color--ink-soft);
}
/* שעות פעילות בדפי התודה: היום בעמודה קבועה, כמו בהדמיה ובפוטר */
:root .isaak-hours-row strong {
	display: inline-block;
	min-width: 8.5rem;
}
:root .isaak-hours-row strong {
	min-width: min(8.5rem, 45%);
}
/* טלפון צר מאוד עם טקסט מוגדל: הכוכבים והקישור לביקורות יורדים שורה ולא יוצאים מהמסך */
:root body:not(.home) .isaak-reviews :is(.gmbrr .rating, .isaak-more a) {
	white-space: normal;
	overflow-wrap: anywhere;
	max-width: 100%;
}
:root body:not(.home) .isaak-reviews .gmbrr .review-meta {
	flex-wrap: wrap;
}
/* טלפון צר מאוד עם טקסט מוגדל: טבלת ההזמנה בתשלום והמשלוח בסל לא רחבים מהמסך (אחרי שאזור הלחיצה של תיבות הבחירה גדל ל-44) */
:root .isaak-wc-page .woocommerce-checkout-review-order-table {
	table-layout: fixed;
	width: 100%;
}
:root .isaak-wc-page .woocommerce-checkout-review-order-table :is(th, td),
:root .isaak-wc-page ul.woocommerce-shipping-methods li label {
	overflow-wrap: anywhere;
	min-width: 0;
}
/* מחיר (0.8.8, ליבנת 8.11.2026: "220." בשורה אחת ו-"00" בשנייה – לא נגיש): המספר לא נשבר באמצע, בכל רוחב – בסל, בתשלום ובחלון העגלה.
   overflow-wrap: normal – העמודה לא נעשית צרה מהמספר. רק כשאין מקום (טקסט מוגדל) הסימן ₪ יכול לרדת שורה, כדי שלא תהיה גלילה הצידה (1.4.10).
   בטלפון צר מאוד (עד 20em) – break-word: המספר נשבר רק אם הוא לבד רחב מהמסך */
:root .isaak-wc-page .woocommerce :is(.amount, bdi),
:root .wc-block-mini-cart__drawer :is(.amount, .wc-block-formatted-money-amount) {
	white-space: normal;
	overflow-wrap: normal;
}
@media (max-width: 20em) {
	:root .isaak-wc-page .woocommerce :is(.amount, bdi),
	:root .wc-block-mini-cart__drawer :is(.amount, .wc-block-formatted-money-amount) {
		white-space: normal;
		overflow-wrap: break-word;
	}
}
/* טבלת ההזמנה בתשלום: כל שורה היא שורה גמישה (flex) – כדי ששורת המשלוח תהיה ברוחב מלא:
   "משלוח" למעלה, והאפשרויות מתחתיו, מימין, ברוחב כל התיבה. בעמודה הצרה הטקסט נשבר ל-3 שורות (ליבנת: "לא נראה טוב", 5.11.2026).
   שאר השורות: שם מימין (60%), סכום משמאל (40%) – כמו קודם. התגיות נשארות טבלה (th, td) – קורא המסך מכריז טבלה */
:root .isaak-wc-page .woocommerce-checkout-review-order-table,
:root .isaak-wc-page .woocommerce-checkout-review-order-table :is(thead, tbody, tfoot) {
	display: block;
	width: 100%;
}
:root .isaak-wc-page .woocommerce-checkout-review-order-table tr {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
:root .isaak-wc-page .woocommerce-checkout-review-order-table tr > :is(th, td) {
	display: block;
	flex: 1 1 60%;
	box-sizing: border-box;
}
/* עמודת הסכום: ברוחב המחיר (min-content – "₪ 430.00" שלם), והשם מימין לוקח את השאר. כך המספר לא נשבר באמצע גם ב-320 (0.8.8).
   כשאין מקום לשניהם – הסכום יורד לשורה משלו (flex-wrap) */
:root .isaak-wc-page .woocommerce-checkout-review-order-table tr:not(.woocommerce-shipping-totals) > :is(th, td):first-child:not(:last-child) {
	flex: 1 1 0;
	min-width: 6rem;
}
:root .isaak-wc-page .woocommerce-checkout-review-order-table tr:not(.woocommerce-shipping-totals) > :is(th, td):last-child:not(:first-child) {
	flex: 0 1 auto;
	min-width: min-content;
	max-width: 100%;
	padding-inline-start: 1rem !important;
}
@media (max-width: 20em) {
	:root .isaak-wc-page .woocommerce-checkout-review-order-table tr > :is(th, td) {
		min-width: 0 !important;
	}
}
:root .isaak-wc-page .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > :is(th, td) {
	flex: 1 1 100%;
	padding-inline-start: 0 !important;
	text-align: start !important;
}
:root .isaak-wc-page .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > th {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}
:root .isaak-wc-page .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > td {
	border-top: 0 !important;
}
/* בחירת משלוח: הריבוע מימין לטקסט, לא מעליו (ליבנת, 5.11.2026). הטקסט תופס את מה שנשאר ויורד שורה ליד הריבוע.
   רק כשנשאר לטקסט פחות מ-3rem (מסך 200 עם טקסט מוגדל פי 2) – הטקסט יורד מתחת לריבוע, כדי שלא ייחתך */
:root .isaak-wc-page ul.woocommerce-shipping-methods li {
	flex-wrap: wrap;
}
:root .isaak-wc-page ul.woocommerce-shipping-methods li label {
	flex: 1 1 3rem;
}
/* הקו העליון של הריבוע בקו אחד עם ראש האותיות בשורה הראשונה של הכיתוב (ליבנת, 8.11.2026).
   הריבוע הנראה מתחיל 0.625rem בתוך אזור הלחיצה (44), וראש האותיות כ-0.52em מתחת לראש השורה (Open Sans, גובה שורה 1.7) */
:root .isaak-wc-page ul.woocommerce-shipping-methods li {
	align-items: flex-start;
}
:root .isaak-wc-page ul.woocommerce-shipping-methods li input[type="radio"] {
	margin-top: calc(0.52 * 1.0625rem - 0.625rem);
}
:root .isaak-wc-page ul.woocommerce-shipping-methods li label {
	padding-top: 0;
	margin-top: 0;
}
/* כל כפתור בגוטנברג בתוך הדף (main): במעבר עכבר ובפוקוס – שחור, טקסט לבן (21:1), כמו בדף הבית (home.css).
   בלי זה, צבע הטקסט שנבחר לכפתור (למשל טורקיז) נשאר על הרקע השחור – ניגודיות 2.78:1 (ליבנת מצאה, 5.11.2026) */
:root main .wp-block-button__link:is(:hover, :focus-visible) {
	border-color: var(--wp--preset--color--black) !important;
	background-color: var(--wp--preset--color--black) !important;
	color: var(--wp--preset--color--white) !important;
}
/* סל בטלפון: WooCommerce מיישר את תאי הסיכום לשמאל (עם !important). בשורת המשלוח הטקסט מתחיל מימין, כמו בכל האתר (ליבנת, 5.11.2026) */
:root .isaak-wc-page .cart_totals tr.woocommerce-shipping-totals td {
	text-align: start !important;
}
/* סל ותשלום, מסך צר מ-20em (320 פיקסלים): פירורי הלחם לא נכנסים בלי צפיפות. הם לא חובה לפי החוק – מוסתרים.
   הדרך חזרה נשארת: כפתור "חזרה לסל הקניות" בתשלום, וכפתור הבית בכותרת (ליבנת, 5.11.2026) */
@media (max-width: 19.99em) {
	:root body:is(.woocommerce-cart, .woocommerce-checkout) .wp-block-breadcrumbs {
		display: none;
	}
}