/* Isaak Child – דף החנות וקטגוריות המוצרים (לפי ההדמיה shop-v4).
   נטען רק בחנות ובקטגוריות. כל מה שיש לו הגדרה בגוטנברג – בהגדרות הבלוק בתבנית.
   כאן רק מה שאין לו הגדרה בבלוקים של WooCommerce ושל וורדפרס: סידור הרשת, המחיר הישן מעל החדש,
   כפתורים במסגרת שחורה, ריחוף ופוקוס, עימוד בתיבות, רשימת קטגוריות וגודל לחיצה 44 פיקסלים. */

/* ===== 1. רשת המוצרים: כרטיס ברוחב 13rem לפחות. בטלפון – כרטיס אחד בשורה ===== */
.wp-block-woocommerce-product-collection .wc-block-product-template {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(min(100%,13rem),1fr));
	gap: 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.wp-block-woocommerce-product-collection .wc-block-product {
	margin: 0;
	width: auto;
	max-width: none;
}

/* ===== 2. כרטיס מוצר: התוכן לא יוצא מהכרטיס גם בטלפון צר עם טקסט מוגדל (WCAG 1.4.10). שם המוצר בשחור, קו תחתון רק בריחוף ובפוקוס ===== */
.wp-block-woocommerce-product-collection .isaak-card {
	height: 100%;
	box-sizing: border-box;
	position: relative;
}
/* כמו בהדמיה: התמונה ברוחב הכרטיס, והטקסט והכפתור עם רווח מהצדדים */
.wp-block-woocommerce-product-collection .isaak-card {
	overflow: hidden;
}
.wp-block-woocommerce-product-collection .isaak-card > :not(.wc-block-components-product-image) {
	margin-inline: min(0.75rem, 4vw);
}
/* ריחוף על הכרטיס, ופוקוס בתוכו: מסגרת שחורה (כמו בהדמיה) */
.wp-block-woocommerce-product-collection .isaak-card:is(:hover, :focus-within) {
	border-color: var(--wp--preset--color--black) !important;
	box-shadow: 0 0 0 1px var(--wp--preset--color--black);
}
/* התמונה ברוחב הכרטיס. התווית "מבצע" ממוקמת בפינת התמונה (position נשאר relative, כדי שהשכבה של התווית לא תכסה את שם המוצר) */
.wp-block-woocommerce-product-collection .wc-block-components-product-image {
	position: relative;
	width: 100%;
}
.wp-block-woocommerce-product-collection .isaak-card h3 {
	margin: 0;
}
.wp-block-woocommerce-product-collection .isaak-card h3 a {
	text-decoration-line: none;
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
}
.wp-block-woocommerce-product-collection .isaak-card :is(h3,.wc-block-components-product-price) {
	overflow-wrap: anywhere;
}
.wp-block-woocommerce-product-collection .isaak-card>* {
	min-width: 0;
	max-width: 100%;
}

/* ===== 3. תווית "מבצע": אדום, טקסט לבן מודגש (ניגודיות 4.95:1), בפינת התמונה ===== */
:is(.wp-block-woocommerce-product-collection, .isaak-product-image) .wc-block-components-product-sale-badge {
	position: absolute;
	inset-block-start: 0.5rem;
	inset-inline-start: 0.5rem;
	margin: 0;
	padding: 0.25rem 0.75rem;
	border: 0;
	border-radius: 2rem;
	background: var(--wp--preset--color--red);
	color: var(--wp--preset--color--white);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
}

/* ===== 4. מחיר: המחיר הקודם (מחוק, אפור #4A5260, ניגודיות 7.35:1 על האפור החלש) מעל המחיר החדש. כל המחירים באותו גובה בשורה ===== */
.wp-block-woocommerce-product-collection .isaak-card-prices {
	min-height: 6rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.wp-block-woocommerce-product-collection .wc-block-components-product-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.4;
}
.wp-block-woocommerce-product-collection .wc-block-components-product-price del {
	order: -1;
	font-size: 1.0625rem;
	font-weight: 400;
	color: var(--wp--preset--color--ink-muted);
}
.wp-block-woocommerce-product-collection .wc-block-components-product-price ins {
	text-decoration: none;
}
.wp-block-woocommerce-product-collection .isaak-card .wc-block-components-product-price * {
	white-space: normal;
}

/* ===== 5. "הוספה לסל": לבן עם מסגרת שחורה, ברוחב הכרטיס. בריחוף ובפוקוס – שחור, טקסט לבן. גובה 44 פיקסלים ===== */
.wp-block-woocommerce-product-collection .wc-block-components-product-button {
	margin-block: 0;
	width: auto;
}
:is(.wp-block-woocommerce-product-collection, .isaak-product-info) .wc-block-components-product-button :is(.wp-block-button__link,.added_to_cart) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.75rem;
	margin: 0;
	padding: 0.25rem 1.25rem;
	box-sizing: border-box;
	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;
	text-decoration: none;
}
:is(.wp-block-woocommerce-product-collection, .isaak-product-info) .wc-block-components-product-button :is(.wp-block-button__link,.added_to_cart):is(:hover,:focus-visible) {
	background: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

/* ===== 6. עימוד (עמוד 1, 2, לעמוד הבא): תיבות 44 פיקסלים. העמוד הנוכחי – כהה ===== */
.wp-block-woocommerce-product-collection .isaak-pager {
	gap: 0.5rem;
	flex-wrap: wrap;
}
.wp-block-woocommerce-product-collection .isaak-pager .wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.wp-block-woocommerce-product-collection .isaak-pager :is(a,.page-numbers) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	margin: 0;
	padding: 0 0.75rem;
	box-sizing: border-box;
	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-weight: 600;
	text-decoration: none;
}
.wp-block-woocommerce-product-collection .isaak-pager a: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-woocommerce-product-collection .isaak-pager .current {
	background: var(--wp--preset--color--ink);
	border-color: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
}

/* ===== 7. חיפוש מוצרים – העיצוב עבר ל-header.css (אותו כפתור חיפוש בכל האתר, גם בדף תוצאות החיפוש) ===== */

/* ===== 8. קישור ESET: גובה לחיצה 44 פיקסלים ===== */
.wp-block-group.isaak-shop-eset a {
	display: inline-block;
	padding-block: 0.625rem;
}

/* ===== 9. קטגוריות: בלי תבליטים, קו ליד שמות החברות (כמו בהדמיה), גודל לחיצה 44 פיקסלים ===== */
.wp-block-woocommerce-product-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.wp-block-woocommerce-product-categories li {
	margin: 0;
}
.wp-block-woocommerce-product-categories .wc-block-product-categories-list--depth-1 {
	margin: 0.25rem 0 0.5rem;
	padding-inline-start: 1rem;
	border-inline-start: 1px solid var(--wp--preset--color--ink);
}
/* קישורים כמו בשאר האתר: טורקיז, מודגש 600, קו תחתון (במעבר עכבר שחור וקו עבה) */
.wp-block-woocommerce-product-categories a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	min-width: 2.75rem;
	color: var(--wp--preset--color--teal);
	font-weight: 600;
}
/* המספר לפני השם, בכל הקטגוריות: "(2) ACER" (ליבנת, 4.11.2026). רשימת החברות – בשורה משלה מתחת */
.wp-block-woocommerce-product-categories li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 0.375rem;
}
.wp-block-woocommerce-product-categories .wc-block-product-categories-list-item-count {
	order: -1;
	margin: 0 !important;
}
.wp-block-woocommerce-product-categories li > ul {
	flex-basis: 100%;
}


/* ===== 10. מיון לפי (ליבנת, 4.11.2026): כמו השדות בטופס צור קשר – תווית 17 מודגשת מעל, שדה לבן, מסגרת 3.6:1, פינות 0.5rem, גובה 3rem.
   החץ: Material Symbols (keyboard_arrow_down), כמו שאר האייקונים באתר, במקום החץ של הדפדפן ===== */
.wp-block-woocommerce-catalog-sorting label {
	display: block;
	margin-bottom: 0.25rem;
	font-size: 1.0625rem;
	font-weight: 600;
	color: var(--wp--preset--color--ink);
}
.wp-block-woocommerce-catalog-sorting select {
	-webkit-appearance: none;
	appearance: none;
	min-height: 3rem;
	padding-block: 0;
	padding-inline: 0.875rem 2.75rem;
	border: 1px solid var(--wp--preset--color--frame);
	border-radius: 0.5rem;
	background: var(--wp--preset--color--white) url("../images/icons/keyboard-arrow-down.webp") no-repeat left 0.75rem center / 1.5rem 1.5rem;
	color: var(--wp--preset--color--ink);
	font: inherit;
	font-size: 1.0625rem;
	cursor: pointer;
}
.wp-block-woocommerce-catalog-sorting select:hover {
	border-color: var(--wp--preset--color--ink);
}
/* מצב ניגודיות גבוהה: החץ של הדפדפן חוזר (התמונה לא נראית במצב הזה) */
@media (forced-colors: active) {
	.wp-block-woocommerce-catalog-sorting select {
		-webkit-appearance: auto;
		appearance: auto;
		padding-inline-end: 0.875rem;
	}
}

/* ===== 11. פס הטעינה של וורדפרס (מעבר עמוד בלי טעינה): מוסתר. הוא זז (אין תנועה באתר) ורחב מהמסך בטלפון צר מאוד.
   העימוד טוען דף חדש רגיל (forcePageReload בבלוק), ולכן הפס לא נחוץ ===== */
.wp-interactivity-router-loading-bar {
	display: none !important;
}

/* ===== 12. סידור מוצרים בטלפון צר מאוד עם טקסט מוגדל: השדה לא רחב מהמסך (WCAG 1.4.10). האפשרות הארוכה נחתכת בתוך השדה, ונראית כשפותחים אותו ===== */
.wp-block-woocommerce-catalog-sorting,
.wp-block-woocommerce-catalog-sorting form,
.wp-block-woocommerce-catalog-sorting select {
	max-width: 100%;
	min-width: 0;
}
.wp-block-woocommerce-catalog-sorting label {
	overflow-wrap: anywhere;
}

/* ===== 13. שם המוצר וקטגוריות במעבר עכבר ובפוקוס: שחור וקו עבה, כמו כל קישור באתר ===== */
.wp-block-woocommerce-product-categories a:is(:hover, :focus-visible),
.wp-block-woocommerce-product-collection .isaak-card h3 a:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--black) !important;
}

/* ===== 14. חלק המוצרים מתחיל מיד אחרי הפתיחה (ליבנת, 4.11.2026). בלי זה, השוליים של הודעת WooCommerce "בורחים" מעל החלק, ונראה פס אפור ===== */
main section.isaak-shop {
	display: flow-root;
}

/* ===== 15. קטגוריות בטלפון צר מאוד עם טקסט מוגדל: שם ארוך יורד שורה ולא יוצא מהמסך ===== */
.wp-block-woocommerce-product-categories a {
	max-width: 100%;
}
.wp-block-woocommerce-product-categories .wc-block-product-categories-list-item__name {
	min-width: 0;
	overflow-wrap: anywhere;
}

/* ===== 16. "הוספה לסל" אחרי לחיצה (ליבנת, 4.11.2026): הכפתור נשאר שחור עם טקסט לבן, כמו במעבר עכבר, ורואים שהמוצר נבחר.
   הכתוב בכפתור משתנה ל-"1 בעגלת הקניות", ומופיע קישור "מעבר לסל הקניות" – המידע לא רק בצבע ===== */
:is(.wp-block-woocommerce-product-collection, .isaak-product-info) .wc-block-components-product-button:has(.added_to_cart:not([hidden] *)) .wp-block-button__link {
	background: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}
:is(.wp-block-woocommerce-product-collection, .isaak-product-info) .wc-block-components-product-button .added_to_cart {
	margin-top: 0.5rem;
}

/* ===== 17. הקטגוריה שבה נמצאים (ליבנת, 4.11.2026): שחור וקו עבה קבוע, כמו הדף הנוכחי בתפריט העליון.
   גם הקטגוריה הראשית מסומנת כשנמצאים באחת החברות שלה (ליבנת).
   הבלוק של WooCommerce לא מסמן אותה, ולכן הסימון לפי המחלקה של וורדפרס בגוף הדף (term-שם הקטגוריה).
   🟡 קטגוריה חדשה – להוסיף כאן שורה (worklist). הכותרת H1 של הדף אומרת לקורא המסך באיזו קטגוריה נמצאים ===== */
body.term-laptop-chargers .isaak-cats-top a[href$="/laptop-chargers/"],
body:is(.term-acer, .term-asus, .term-dell, .term-hp, .term-lenovo) .isaak-cats-top a[href$="/laptop-chargers/"],
body.term-acer .wp-block-woocommerce-product-categories a[href$="/acer/"],
body.term-asus .wp-block-woocommerce-product-categories a[href$="/asus/"],
body.term-dell .wp-block-woocommerce-product-categories a[href$="/dell/"],
body.term-hp .wp-block-woocommerce-product-categories a[href$="/hp/"],
body.term-lenovo .wp-block-woocommerce-product-categories a[href$="/lenovo/"],
body.term-refurbished-laptops .wp-block-woocommerce-product-categories a[href$="/refurbished-laptops/"],
body.term-refurbished-laptops .isaak-cats-top a[href$="/refurbished-laptops/"],
/* דף מוצר (ליבנת, 4.11.2026): הקטגוריות של המוצר מסומנות ברשימה שבצד, במקום שורת "קטגוריות". מזהים אותן לפי פירורי הלחם של הדף */
body.single-product:has(.wp-block-breadcrumbs a[href$="/laptop-chargers/"]) .isaak-cats-top a[href$="/laptop-chargers/"],
body.single-product:has(.wp-block-breadcrumbs a[href$="/acer/"]) .wp-block-woocommerce-product-categories a[href$="/acer/"],
body.single-product:has(.wp-block-breadcrumbs a[href$="/asus/"]) .wp-block-woocommerce-product-categories a[href$="/asus/"],
body.single-product:has(.wp-block-breadcrumbs a[href$="/dell/"]) .wp-block-woocommerce-product-categories a[href$="/dell/"],
body.single-product:has(.wp-block-breadcrumbs a[href$="/hp/"]) .wp-block-woocommerce-product-categories a[href$="/hp/"],
body.single-product:has(.wp-block-breadcrumbs a[href$="/lenovo/"]) .wp-block-woocommerce-product-categories a[href$="/lenovo/"],
body.single-product:has(.wp-block-breadcrumbs a[href$="/refurbished-laptops/"]) .isaak-cats-top a[href$="/refurbished-laptops/"] {
	color: var(--wp--preset--color--black) !important;
	text-decoration-line: underline;
	text-decoration-thickness: 0.1875rem !important;
}

/* ===== 18. קטגוריות: כפתור חץ לפתיחה וסגירה של רשימת החברות (ליבנת, 4.11.2026, כמו בהדמיה).
   בלוק "פרטים" של גוטנברג (details/summary של HTML): הדפדפן פותח וסוגר, וקורא המסך אומר "מורחב/מכווץ". בלי JavaScript.
   הכפתור: ריבוע 3rem עם חץ (Material Symbols), בשורה של "מטענים למחשב נייד", מתחת לזכוכית המגדלת.
   השם לקורא המסך: "חברות המטענים" (הטקסט קיים, ומוסתר רק לעין) ===== */
.isaak-cats {
	position: relative;
}
.isaak-cats .isaak-cats-top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 0.375rem;
	min-height: 3rem;
	margin: 0;
	padding-inline-end: 3.75rem;
}
.isaak-cats .isaak-cats-top a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	max-width: 100%;
	overflow-wrap: anywhere;
	color: var(--wp--preset--color--teal);
	font-weight: 600;
}
.isaak-cats .isaak-cats-top a:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--black) !important;
}
.isaak-cats details.isaak-cats-brands {
	margin: 0;
}
.isaak-cats details.isaak-cats-brands > summary {
	position: absolute;
	inset-block-start: 0;
	inset-inline-end: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border: 2px solid var(--wp--preset--color--ink);
	border-radius: 0.375rem;
	background: var(--wp--preset--color--white);
	color: transparent;
	font-size: 0;
	list-style: none;
	cursor: pointer;
}
.isaak-cats details.isaak-cats-brands > summary::-webkit-details-marker {
	display: none;
}
.isaak-cats details.isaak-cats-brands > summary::before {
	content: "";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background: url("../images/icons/keyboard-arrow-up.webp") center / contain no-repeat;
}
/* סגור: החץ למטה (בלי תנועה – מתהפך מיד) */
.isaak-cats details.isaak-cats-brands:not([open]) > summary::before {
	transform: rotate(180deg);
}
.isaak-cats details.isaak-cats-brands > summary:is(:hover, :focus-visible) {
	background: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
}
.isaak-cats details.isaak-cats-brands > summary:is(:hover, :focus-visible)::before {
	filter: invert(1);
}
/* בתוך החלון: רק רשימת החברות. הקטגוריה הראשית כבר כתובה למעלה, בשורה של הכפתור */
.isaak-cats-brands .wc-block-product-categories-list--depth-0 > li > a,
.isaak-cats-brands .wc-block-product-categories-list--depth-0 > li > .wc-block-product-categories-list-item-count,
.isaak-cats-brands .wc-block-product-categories-list--depth-0 > li:not(:has(ul)) {
	display: none !important;
}
.isaak-cats-brands .wc-block-product-categories-list--depth-1 {
	margin-top: 0.25rem;
}
/* מצב ניגודיות גבוהה: הכפתור והאייקון נשארים גלויים */
@media (forced-colors: active) {
	.isaak-cats details.isaak-cats-brands > summary {
		border-color: ButtonText;
		forced-color-adjust: none;
		background: ButtonFace;
	}
	.isaak-cats details.isaak-cats-brands > summary::before {
		background: none;
		background-color: ButtonText;
		-webkit-mask: var(--isaak-icon) center / contain no-repeat;
		mask: var(--isaak-icon) center / contain no-repeat;
	}
	.isaak-cats details.isaak-cats-brands > summary::before { --isaak-icon: url("../images/icons/keyboard-arrow-up.webp"); }
}

/* ===== 19. "אספקה והובלה": אייקון משאית (Material Symbols local_shipping) מימין למילים, בצבע הקישור (ליבנת, 4.11.2026). קישוט – בלי שם לקורא המסך ===== */
.isaak-toc .isaak-ship a::before {
	content: "";
	display: inline-block;
	flex: none;
	width: 1.375em;
	height: 1.375em;
	margin-inline-end: 0.375rem;
	background-color: currentColor;
	-webkit-mask: url("../images/icons/local-shipping.webp") center / contain no-repeat;
	mask: url("../images/icons/local-shipping.webp") center / contain no-repeat;
	transform: scaleX(-1); /* המשאית נוסעת לכיוון הקריאה (ימינה לשמאל) – ליבנת */
}
/* טלפון צר מאוד עם טקסט מוגדל: המילים יורדות שורה ליד האייקון, ולא יוצאות מהמסך */
.isaak-toc .isaak-ship a {
	max-width: 100%;
}
.isaak-toc .isaak-ship .wp-block-navigation-item__label {
	min-width: 0;
	overflow-wrap: anywhere;
}
/* מסך צר מאוד או טקסט מוגדל: כפתור החץ יורד שורה מתחת ל"כל המטענים", כדי שלא יצמצם את הקישור */
@media (max-width: 20em) {
	.isaak-cats .isaak-cats-top {
		padding-inline-end: 0;
	}
	.isaak-cats details.isaak-cats-brands > summary {
		position: static;
		margin-block: 0.25rem;
		margin-inline-start: auto; /* בצד שמאל, בקו אחד עם הזכוכית המגדלת */
	}
}

/* ===== 20. שורת החיפוש ו"מיון לפי" בקו אחד (ליבנת, 4.11.2026): החיפוש תופס את כל הרוחב שנשאר. במסך צר – "מיון לפי" יורד שורה ===== */
.isaak-shop-bar > .wp-block-search.isaak-shop-search {
	flex: 1 1 18rem;
	min-width: 0;
	margin: 0;
}
.isaak-shop-bar > .wp-block-woocommerce-catalog-sorting {
	flex: 0 1 auto;
	margin: 0;
}
.isaak-shop-bar .wp-block-search.isaak-shop-search .wp-block-search__label {
	margin-bottom: 0.25rem;
	font-size: 1.0625rem;
}

/* ===== 21. "מיון לפי" – הרשימה שנפתחת (ליבנת, 4.11.2026): בצבעי האתר ולא בכחול של הדפדפן, ובאותו רוחב של השדה.
   השדה ברוחב האפשרות הארוכה ("מחיר: מהגבוה לנמוך"), ולכן שורת החיפוש מתקצרת.
   דפדפנים חדשים (Chrome, Edge) – רשימה מעוצבת (appearance: base-select). דפדפן ישן – הרשימה הרגילה שלו, והכול עובד ===== */
.isaak-shop-bar > .wp-block-woocommerce-catalog-sorting {
	flex: none;
	max-width: 100%;
}
/* רוחב קבוע שמתאים לאפשרות הארוכה, כדי שהרשימה שנפתחת תהיה ברוחב השדה */
.wp-block-woocommerce-catalog-sorting select {
	width: 12.5rem;
}
@supports (appearance: base-select) {
	.wp-block-woocommerce-catalog-sorting select,
	.wp-block-woocommerce-catalog-sorting select::picker(select) {
		appearance: base-select;
	}
	.wp-block-woocommerce-catalog-sorting select {
		display: flex;
		align-items: center;
	}
	.wp-block-woocommerce-catalog-sorting select::picker-icon {
		display: none; /* החץ שלנו (Material Symbols) כבר ברקע השדה */
	}
	/* הרשימה שנפתחת – זהה לתפריט שנפתח בכותרת (ליבנת, 4.11.2026): לבן, מסגרת 2 פיקסלים כהה, פינות מעוגלות,
	   פריטים 18 במרכז, בגובה 44 פיקסלים. במעבר עכבר ובמקלדת: רקע שחור מעוגל, טקסט לבן וקו תחתון עבה.
	   האפשרות שנבחרה – קו תחתון עבה, כמו הדף הנוכחי בתפריט */
	.wp-block-woocommerce-catalog-sorting select::picker(select) {
		width: anchor-size(width);
		margin-block-start: 0.25rem;
		padding: 0.375rem;
		border: 2px solid var(--wp--preset--color--ink);
		border-radius: 0.5rem;
		background: var(--wp--preset--color--white);
		color: var(--wp--preset--color--ink);
		box-shadow: none;
	}
	.wp-block-woocommerce-catalog-sorting option {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		min-height: 2.75rem;
		padding: 0.375rem 0.875rem;
		border-radius: 0.5rem;
		font-size: 1.125rem;
		font-weight: 400;
		text-align: center;
	}
	.wp-block-woocommerce-catalog-sorting option::checkmark {
		display: none;
	}
	.wp-block-woocommerce-catalog-sorting option:checked {
		background: transparent;
		color: var(--wp--preset--color--ink);
		text-decoration: underline;
		text-decoration-thickness: 0.1875rem;
		text-underline-offset: 0.375rem;
	}
	.wp-block-woocommerce-catalog-sorting option:is(:hover, :focus-visible) {
		background: var(--wp--preset--color--black);
		color: var(--wp--preset--color--white);
		text-decoration: underline;
		text-decoration-thickness: 0.1875rem;
		text-underline-offset: 0.25rem;
		outline: none;
	}
}

/* ===== 22. "מעבר לסל הקניות" (מופיע אחרי הוספה לסל): ברוחב הכרטיס, כמו "הוספה לסל" ===== */
:is(.wp-block-woocommerce-product-collection, .isaak-product-info) .wc-block-components-product-button > span:has(.added_to_cart) {
	display: block;
	width: 100%;
}
:is(.wp-block-woocommerce-product-collection, .isaak-product-info) .wc-block-components-product-button > span[hidden]:has(.added_to_cart) {
	display: none;
}

/* ===== 23. כפתורים שהם קישורים ("מעבר לסל הקניות", מספרי העמודים): בלי קו תחתון במעבר עכבר ובפוקוס, כמו כל הכפתורים באתר (ליבנת, 4.11.2026).
   הכלל הכללי באתר מוסיף קו לכל קישור – כאן הם נראים ומתנהגים ככפתור (רקע שחור וטקסט לבן) ===== */
:is(.wp-block-woocommerce-product-collection, .isaak-product-info) .wc-block-components-product-button .added_to_cart:is(:hover, :focus-visible),
:is(.wp-block-woocommerce-product-collection, .isaak-product-info) .wc-block-components-product-button .added_to_cart,
.wp-block-woocommerce-product-collection .isaak-pager a,
.wp-block-woocommerce-product-collection .isaak-pager a:is(:hover, :focus-visible) {
	text-decoration-line: none !important;
}

/* ===== 24. מחשבים ניידים מחודשים (תבנית משלה, לפי laptops-v4):
   מפרט (מעבד, זיכרון, דיסק, מסך) – מהמאפיינים (Attributes) של המוצר ב-WooCommerce, בטבלה נגישה (th לכל שורה).
   "התקשרו לרכישה" – קישור חיוג, באותו עיצוב כמו "הוספה לסל" ===== */
.isaak-card .isaak-card-specs {
	margin: 0;
}
.isaak-card .isaak-card-specs table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: 1rem;
}
.isaak-card .isaak-card-specs :is(th, td) {
	padding: 0;
	line-height: 1.7;
	border: 0;
	text-align: start;
	vertical-align: top;
	overflow-wrap: anywhere;
}
/* כל שורה: שם המאפיין ומיד אחריו הערך, באותה שורה (כמו בהדמיה) */
.isaak-card .isaak-card-specs tr {
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.5rem;
}
.isaak-card .isaak-card-specs th {
	flex: none;
	font-weight: 400;
	color: var(--wp--preset--color--ink-muted);
}
.isaak-card .isaak-card-specs td {
	flex: 1 1 0;
	min-width: 0;
	color: var(--wp--preset--color--ink-soft);
}
.isaak-card .isaak-card-specs :is(th, td) {
	display: block;
	width: auto !important;
}
.isaak-card .isaak-card-specs td p {
	margin: 0;
}
.isaak-card .isaak-card-call {
	margin: 0;
}
:is(.isaak-card .isaak-card-call, .isaak-product-call) .wp-block-button {
	width: 100%;
}
:is(.isaak-card .isaak-card-call, .isaak-product-call) .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 2.75rem;
	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;
	text-decoration-line: none !important;
}
:is(.isaak-card .isaak-card-call, .isaak-product-call) .wp-block-button__link:is(:hover, :focus-visible) {
	background: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

/* ===== 25. קישור בתיאור הקטגוריה ובהודעה "אין מוצרים" (למשל "חיוג למעבדה"): גובה לחיצה 44 פיקסלים, ומודגש 600 כמו כל קישור בתוך טקסט ===== */
.wp-block-term-description a,
.wp-block-woocommerce-product-collection-no-results a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	font-weight: 600;
}

/* ===== 26. מחשבים ניידים מחודשים – כמו בהדמיה laptops-v4: שני כרטיסים גדולים בשורה (במסך צר – אחד) ===== */
.wp-block-woocommerce-product-collection.isaak-grid-2 .wc-block-product-template {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
}
/* "מחשבים ניידים מחודשים" ברשימת הקטגוריות: שורה משלה, מתחת לחברות המטענים (הקישור קבוע בחלק "חנות – צד") */
.isaak-cats .isaak-cats-laptops {
	padding-inline-end: 0;
	margin-top: 0.5rem;
}

/* ===== 27. דף מוצר (לפי ההדמיה product-v4). התוכן כולו בבלוקים בתבנית "מוצר יחיד", האחריות והאספקה בחלק "מוצר – אחריות ואספקה והובלה".
   כאן רק מה שאין לו הגדרה בבלוקים. כפתור "הוספה לסל", תווית "מבצע" ו"התקשרו לרכישה" – אותם כללים כמו בכרטיסים (סעיפים 3, 5, 16, 22–24) ===== */
/* מחשב ומעלה: התמונה בצד שמאל והפרטים בצד ימין, כמו בהדמיה. בטלפון התמונה למעלה. בתמונה אין קישור, ולכן סדר המקלדת לא משתנה */
@media (min-width: 48.875em) {
	.isaak-product-top {
		flex-direction: row-reverse;
	}
}
/* מסגרת אפורה דקה סביב התמונה, כמו בהדמיה (לבלוק תמונת המוצר אין הגדרת מסגרת) */
.isaak-product-image {
	position: relative;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--white);
}
.isaak-product-image img {
	display: block;
}
/* מחיר: כמו בהדמיה – המחיר החדש גדול למעלה, והמחיר הקודם מתחתיו, מחוק ואפור #4A5260 – 8.2:1 על לבן) */
.isaak-product-prices .wc-block-components-product-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem; /* לא צפוף (ליבנת, 4.11.2026) */
	line-height: 1.3;
	font-variant-numeric: tabular-nums;
}
.isaak-product-prices .wc-block-components-product-price del {
	order: 1;
	font-size: 1.125rem;
	font-weight: 400;
	color: var(--wp--preset--color--ink-muted);
}
.isaak-product-prices .wc-block-components-product-price ins {
	text-decoration: none;
}
/* מק"ט: המילה מודגשת, ורווח קבוע לפני הערך (כמו בהדמיה) */
.isaak-product-meta :is(.wp-block-post-terms__prefix) {
	display: inline-block;
	min-width: min(4.5rem, 100%);
	margin-inline-end: 0.75rem;
	font-weight: 600;
}
.isaak-product-meta .wc-block-components-product-sku {
	margin: 0;
}
/* "הוספה לסל" ו"התקשרו לרכישה": ברוחב המילים, לא ברוחב העמודה (כמו בהדמיה) */
.isaak-product-info .wc-block-components-product-button {
	align-items: flex-start;
}
.isaak-product-info .wc-block-components-product-button :is(.wp-block-button__link, .added_to_cart),
.isaak-product-info .isaak-product-call .wp-block-button,
.isaak-product-info .isaak-product-call .wp-block-button__link {
	width: auto;
}
/* תיאור המוצר: מידה (5.5x1.7mm) כתובה בתיאורים בגופן מחשב (code). כאן היא בגופן של האתר, כמו בהדמיה */
.isaak-product-desc code {
	font: inherit;
	background: none;
	padding: 0;
}
/* מחיר בטלפון צר עם טקסט מוגדל: יורד שורה ולא יוצא מהמסך (WCAG 1.4.10) */
.isaak-product-prices .wc-block-components-product-price * {
	white-space: normal;
	overflow-wrap: anywhere;
}
/* כפתורים בטלפון צר עם טקסט מוגדל: המילים יורדות שורה בתוך הקישור, ולא יוצאות מהמסך */
.isaak-product-info .wc-block-components-product-button :is(.wp-block-button__link, .added_to_cart),
.isaak-product-call .wp-block-button__link {
	max-width: 100%;
	box-sizing: border-box;
	white-space: normal;
	overflow-wrap: anywhere;
}
/* כותרת המוצר (ליבנת, 4.11.2026): נשארת למעלה, ובמחשב מתחילה בקו אחד עם המחיר – אחרי עמודת הצד (22%) והרווח (1.25rem). בטלפון – ברוחב מלא.
   הגודל: 2 פיקסלים יותר מכותרת משנה (H2) בכל רוחב – הכי קטן שמותר לפי כלל הכותרות */
@media (min-width: 48.875em) {
	/* ריווח פנימי (padding) ולא שוליים: וורדפרס כופה שוליים אוטומטיים על בלוקים ברוחב התוכן. 70rem – רוחב התוכן בדף */
	.isaak-product-title {
		box-sizing: border-box;
		padding-inline-start: calc((min(100%, 70rem) - 1.25rem) * 0.22 + 1.25rem + 1.5rem); /* ועוד 1.5rem – הריווח בתוך הרקע האפור של הפרטים */
	}
}
/* דף מוצר: הודעה של WooCommerce (למשל "נוסף לסל") צמודה לכותרת – אותו רווח קטן מעליה ומתחתיה (ליבנת, 4.11.2026) */
.single-product .isaak-shop .wc-block-components-notice-banner:first-child {
	margin-top: 0;
}
/* "ניתן להזמין גם טלפונית. מכירה טלפונית היא במחיר מלא, ללא מבצע." – רק במוצר במבצע (ליבנת, 4.11.2026).
   מוצר במבצע = יש מחיר קודם מחוק (del). במוצר בלי מבצע המשפט מוסתר, גם מקורא המסך */
.isaak-product-info:not(:has(.wc-block-components-product-price del)) .isaak-product-salenote {
	display: none;
}
/* טלפון צר מאוד עם טקסט מוגדל: המילה "מק"ט" לא יוצאת מהרקע האפור */
.isaak-product-meta .wp-block-post-terms__prefix {
	max-width: calc(100% - 0.75rem);
	overflow-wrap: anywhere;
}
/* דף מוצר (ליבנת, 4.11.2026), ומ-0.8.6 גם חנות וקטגוריות (isaak-shop-cols, ליבנת 8.11.2026): בקוד התוכן לפני עמודת הצד,
   כדי שמקש Tab יעבור קודם על המוצרים – במחשב ובטלפון. במחשב עמודת הצד מוצגת בצד ימין. בטלפון ובטאבלט היא מתחת לתוכן */
@media (min-width: 48.875em) {
	.isaak-product-cols,
	.isaak-shop-cols {
		flex-direction: row-reverse;
	}
}
/* טלפון וטאבלט: כותרת המוצר מתחילה בקו אחד עם המחיר שבתוך הרקע האפור */
@media (max-width: 48.8125em) {
	.isaak-product-title {
		box-sizing: border-box;
		padding-inline-start: clamp(0.75rem, 4vw, 1.5rem);
	}
}

/* ===== 28. קישורי החנות (תקנון, אספקה והובלה, פרטיות, צור קשר, שירות) – חנות וקטגוריות (0.8.6, ליבנת 8.11.2026).
   במחשב: למעלה, מתחת לפתיחה. בטלפון ובטאבלט: למטה, מעל "קטגוריות מוצרים" (אחרי המוצרים).
   החלק מופיע פעמיים בקוד, ובכל רוחב רק אחד מוצג – השני display:none, ולכן גם קורא המסך שומע אותו פעם אחת ===== */
.isaak-links-side {
	display: none;
}
@media (max-width: 48.8125em) {
	.isaak-links-top {
		display: none;
	}
	.isaak-links-side {
		display: block;
	}
}