/* Isaak Child – כותרת תחתונה (פוטר). שני חלקים: החלק האדום "בואו נחזיר את המכשיר לחיים", והפס הכהה.
   מקסימום גוטנברג (ליבנת, 26.10.2026): צבעים, ריווח, רוחב, רשת שתי העמודות, מסגרת "שעות פעילות",
   גודל טקסט והקו מעל זכויות היוצרים – בהגדרות הבלוקים ב-parts/footer.html ו-footer-home.html.
   עיצוב הכפתורים (פינות, מסגרת, ריווח) – הגדרה אחת לכל האתר ב-theme.json.
   כאן רק מה שגוטנברג לא יודע לעשות:
   1. כפתורים ברשת, ברוחב מלא, עם אייקון (לבלוק כפתורים אין רשת, ואין תמונה בתוך כפתור).
   2. ריחוף ופוקוס על כפתורים וקישורים (אין הגדרת צבע לריחוף בבלוק).
   3. גודל לחיצה 44 פיקסלים לקישורים בפס הכהה (WCAG 2.5.5).
   4. כתובת ושעות פעילות (בלוק HTML: address ו-dl, למבנה נכון לקורא מסך).
   5. השקע בדף הבית, טקסט מוגדל ברוחב 320, מצב ניגודיות גבוהה.
   יחידות: rem ו-em. אין תנועה ואין אנימציה. */

/* ===== 1. כפתורים בחלק האדום: רשת, ברוחב מלא, אייקון בצבע הטקסט.
   16rem לכפתור: "מעבדה 04-6220612" נשאר בשורה אחת. צר מזה – כפתור אחד בשורה ===== */
:root .isaak-contact .isaak-f-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
}
:root .isaak-contact .isaak-f-pair {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}
/* וואטסאפ: באותו רוחב של שאר הכפתורים (תא אחד, לא שורה מלאה). לכל היותר שני תאים בשורה, כמו בזוגות */
:root .isaak-contact .isaak-f-row:has(> .isaak-f-wa) {
	grid-template-columns: repeat(auto-fill, minmax(max(min(100%, 16rem), calc((100% - 0.75rem) / 2)), 1fr));
}
:root .isaak-contact .isaak-f-btn {
	margin: 0;
	width: 100%;
}
:root .isaak-contact .isaak-f-btn .wp-block-button__link {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.625rem;
	width: 100%;
	min-height: 3.25rem;
	line-height: 1.4;
	text-align: start;
}
:root .isaak-contact .isaak-f-btn .wp-block-button__link::before,
:root .isaak-contact .isaak-addr::before {
	content: "";
	flex: none;
	width: 1.375rem;
	height: 1.375rem;
	background-color: currentColor;
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
}
:root .isaak-contact .isaak-f-wa .wp-block-button__link::before {
	-webkit-mask-image: url("../images/icons/whatsapp.webp");
	mask-image: url("../images/icons/whatsapp.webp");
}
:root .isaak-contact .isaak-f-lab .wp-block-button__link::before {
	-webkit-mask-image: url("../images/icons/call.webp");
	mask-image: url("../images/icons/call.webp");
}
:root .isaak-contact .isaak-f-mobile .wp-block-button__link::before {
	-webkit-mask-image: url("../images/icons/mobile.webp");
	mask-image: url("../images/icons/mobile.webp");
}
:root .isaak-contact .isaak-f-waze .wp-block-button__link::before {
	-webkit-mask-image: url("../images/icons/waze.webp");
	mask-image: url("../images/icons/waze.webp");
}
:root .isaak-contact .isaak-f-map .wp-block-button__link::before {
	-webkit-mask-image: url("../images/icons/map.webp");
	mask-image: url("../images/icons/map.webp");
}
:root .isaak-contact .isaak-addr::before {
	-webkit-mask-image: url("../images/icons/location.webp");
	mask-image: url("../images/icons/location.webp");
}
/* וואטסאפ: האייקון נשאר ליד הטקסט גם במסך צר מאוד. הטקסט נשבר לשורות לידו */
:root .isaak-contact .isaak-f-wa .wp-block-button__link {
	flex-wrap: nowrap;
}

/* ===== 2. ריחוף ופוקוס: שחור, טקסט ואייקון לבנים (!important כי מחלקות הצבע של וורדפרס חזקות) ===== */
:root .isaak-contact .isaak-f-btn .wp-block-button__link:hover,
:root .isaak-contact .isaak-f-btn .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-contact .isaak-f-btn .wp-block-button__link:focus-visible {
	outline: 0.1875rem solid var(--wp--preset--color--white);
	outline-offset: 0.1875rem;
}

/* ===== 3. קישורים בפס הכהה: לבנים עם קו תחתון, לחיצה 2.75rem (44 פיקסלים) ===== */
:root .isaak-footer-bar p {
	margin: 0;
}
:root .isaak-footer-bar a,
:root .isaak-footer-bar .isaak-cookie-btn {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
	box-sizing: border-box;
	max-width: 100%;
	min-height: 2.75rem;
	padding: 0.625rem;
	border: 0;
	border-radius: 0.375rem;
	background: transparent;
	color: var(--wp--preset--color--white);
	font: inherit;
	text-decoration: underline;
	text-underline-offset: 0.25rem;
	cursor: pointer;
}
:root .isaak-footer-bar a:hover,
:root .isaak-footer-bar a:focus-visible,
:root .isaak-footer-bar .isaak-cookie-btn:hover,
:root .isaak-footer-bar .isaak-cookie-btn:focus-visible {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--black);
	text-decoration-thickness: 0.1875rem;
}
:root .isaak-footer-bar a:focus-visible,
:root .isaak-footer-bar .isaak-cookie-btn:focus-visible {
	outline: 0.1875rem solid var(--wp--preset--color--white);
	outline-offset: 0.1875rem;
}
/* כפתור "הגדרות עוגיות" בפוטר (0.8.5): המחלקה cmplz-manage-consent – Complianz פותח בלחיצה את חלון העוגיות, ובסגירה מחזיר את הפוקוס לכפתור.
   הלשונית הצפה של Complianz מוסתרת: יש כפתור קבוע בפוטר, והלשונית זזה (אנימציה) – באתר אין תנועה */
:root .isaak-footer-bar .isaak-cookie-btn[hidden] {
	display: none;
}
#cmplz-manage-consent {
	display: none !important;
}
/* אייקון "מחוץ לאתר, נפתח בחלון חדש" לפני ESET: בצבע הטקסט, ולכן מתהפך יחד איתו בריחוף */
:root .isaak-footer-bar .isaak-foot-eset a::before {
	content: "";
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
	background-color: currentColor;
	-webkit-mask: url("../images/icons/open-in-new.webp") center / contain no-repeat;
	mask: url("../images/icons/open-in-new.webp") center / contain no-repeat;
}

/* ===== 4. כתובת ושעות פעילות ===== */
:root .isaak-contact .isaak-addr {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	min-height: 3.25rem;
	margin: 0;
	font-size: 1.125rem;
	font-style: normal;
}
/* הכתובת: בטלפון צר מאוד עם טקסט מוגדל, הטקסט יורד שורה ולא יוצא מהמסך */
:root .isaak-contact .isaak-addr > span {
	min-width: 0;
	overflow-wrap: anywhere;
}
:root .isaak-contact .isaak-hours-dl,
:root .isaak-contact .isaak-hours-dl :is(dt, dd) {
	color: inherit;
}
:root .isaak-contact .isaak-hours-dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.625rem 1.5rem;
	margin: 0;
	font-size: 1.125rem;
}
:root .isaak-contact .isaak-hours-dl dt {
	font-weight: 600;
}
:root .isaak-contact .isaak-hours-dl dd {
	margin: 0;
}
/* כל טווח שעות (9:00–13:00) נשאר שלם בשורה אחת. רק בין שני טווחים אפשר לרדת שורה.
   חריג: טלפון צר מאוד עם טקסט מוגדל (פחות מ-13em) – הטווח יכול להישבר אחרי המקף, כדי שלא ייצא מהמסך */
:root .isaak-contact .isaak-hours-dl dd > [dir="ltr"] {
	display: inline-block;
	max-width: 100%;
}
@media (min-width: 13em) {
	:root .isaak-contact .isaak-hours-dl dd > [dir="ltr"] {
		white-space: nowrap;
	}
}
/* מסך צר מאוד: היום ושעות אחד מתחת לשני */
@media (max-width: 23.99em) {
	:root .isaak-contact .isaak-hours {
		padding-inline: 1rem !important;
	}
	:root .isaak-contact .isaak-hours-dl {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 0.125rem;
	}
	:root .isaak-contact .isaak-hours-dl dd {
		margin-block-end: 0.625rem;
	}
}
/* טלפון עם טקסט מוגדל (פחות מ-15.5em): טווח שעות ארוך יורד שורה אחרי המקף, ולא יוצא מהמסגרת (WCAG 1.4.10) */
@media (max-width: 15.49em) {
	:root .isaak-contact .isaak-hours-dl dd > [dir="ltr"] {
		display: inline;
		white-space: normal;
	}
}

/* ===== 5. השקע בדף הבית: קישוט (בלוק "מרווח" עם מחלקה), שקיפות 15%, רק מ-68em, כמו הכבל ===== */
:root .isaak-socket {
	display: none;
}
@media (min-width: 68em) {
	:root .isaak-contact .isaak-socket {
		display: block;
		width: clamp(2.55rem, 4vw, 4rem);
		height: auto !important;
		aspect-ratio: 64 / 44;
		/* בצד ההתחלה של התוכן (ימין), כמו בהדמיה – לא במרכז */
		margin-block: 0 1.25rem !important;
		margin-inline: max(0rem, calc((100% - 72rem) / 2)) auto !important;
		opacity: 0.15;
		background: url("../images/cable-socket.svg") center / contain no-repeat;
	}
}
/* טקסט מוגדל 200% ברוחב 320: מספר טלפון או כתובת מייל נשברים באמצע אם צריך (WCAG 1.4.10) */
:root .isaak-contact .isaak-f-btn .wp-block-button__link [dir="ltr"],
:root .isaak-footer-bar a [lang="en"] {
	min-width: 0;
	overflow-wrap: anywhere;
}

/* ===== מצב ניגודיות גבוהה: האייקונים נשארים גלויים ===== */
@media (forced-colors: active) {
	:root .isaak-contact .isaak-f-btn .wp-block-button__link::before,
	:root .isaak-contact .isaak-addr::before,
	:root .isaak-footer-bar .isaak-foot-eset a::before {
		forced-color-adjust: none;
		background-color: ButtonText;
	}
}

/* ===== מסך צר (פחות מ-19.5em, 312 פיקסלים): פחות שוליים ורווחים, כדי שהטקסט לא יישבר לשורות קצרות (ליבנת, 27.10.2026) ===== */
@media (max-width: 19.49em) {
	:root .isaak-contact {
		padding-inline: 0.75rem !important;
	}
	:root .isaak-contact .isaak-hours.isaak-hours {
		padding-inline: 0.75rem !important;
	}
	:root .isaak-contact .isaak-f-btn .wp-block-button__link {
		padding-inline: 0.625rem;
		gap: 0.375rem;
	}
	/* מספר טלפון שלם בשורה אחת */
	:root .isaak-contact .isaak-f-btn .wp-block-button__link [dir="ltr"] {
		overflow-wrap: normal;
		white-space: nowrap;
	}
	:root .isaak-footer-bar {
		padding-inline: 0.75rem !important;
	}
}
/* טלפון וטאבלט קטן: בלי רווחים אנכיים גדולים בין הקישורים בפס הכהה. כל קישור עדיין 44 פיקסלים לפחות */
@media (max-width: 47.99em) {
	:root .isaak-footer-bar .isaak-footer-nav,
	:root .isaak-footer-bar .isaak-footer-nav .wp-block-navigation__container {
		row-gap: 0.25rem;
	}
	:root .isaak-footer-bar a {
		padding-block: 0.25rem;
	}
}

/* ===== 6. כפתור צף "חזרה לראש העמוד" (ליבנת, 27.10.2026): רק בטלפון ובטאבלט קטן (עד 50em, 800 פיקסלים).
   בלוק כפתור בפוטר, קישור רגיל אל ראש הדף (#isaak-top). בלי JavaScript.
   פינה שמאלית תחתונה, 3rem. צבעים ומסגרת: בהגדרות הבלוק. הטקסט נשמע לקורא מסך ולא נראה, ובמקומו חץ למעלה (Material Symbols "arrow_upward", Apache 2.0).
   מופיע רק אחרי גלילה של מסך אחד (CSS בלבד, בלי תנועה: מופיע בבת אחת). דפדפן ישן: הכפתור תמיד גלוי ===== */
:root .isaak-to-top {
	display: none;
}
@media (max-width: 50em) {
	:root .isaak-to-top {
		display: block;
		position: fixed;
		inset-block-end: 1rem;
		inset-inline-end: 1rem;
		z-index: 30;
		margin: 0;
	}
	:root .isaak-to-top .wp-block-button__link {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3rem;
		height: 3rem;
		padding: 0;
		font-size: 0;
		text-decoration: none;
	}
	:root .isaak-to-top .wp-block-button__link::before {
		content: "";
		width: 1.5rem;
		height: 1.5rem;
		background-color: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	:root .isaak-to-top .wp-block-button__link:is(:hover, :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-to-top .wp-block-button__link:focus-visible {
		outline: 0.1875rem solid var(--wp--preset--color--ink);
		outline-offset: 0.125rem;
		box-shadow: 0 0 0 0.4375rem var(--wp--preset--color--white);
	}
	/* WCAG 2.4.11: רכיב שמקבל פוקוס בגלילה במקלדת לא נשאר מאחורי הכפתור הצף */
	:root {
		scroll-padding-bottom: 4.5rem;
	}
	/* סוף הדף: מקום לכפתור, כדי שלא יכסה את שורת זכויות היוצרים */
	:root .isaak-footer-bar {
		padding-block-end: 5rem !important;
	}
	@supports (animation-timeline: scroll()) {
		:root .isaak-to-top {
			animation: isaak-to-top-show steps(1, end) both;
			animation-timeline: scroll(root);
			animation-range: 0 100vh;
		}
	}
}
@keyframes isaak-to-top-show {
	from { visibility: hidden; }
	to { visibility: visible; }
}
@media (forced-colors: active) {
	:root .isaak-to-top .wp-block-button__link::before {
		forced-color-adjust: none;
		background-color: ButtonText;
	}
}

/* ===== פס העוגיות (Complianz, 0.8.9): קישור במעבר עכבר ובפוקוס – שחור עם קו עבה, כמו כל קישור באתר (ליבנת 8.11.2026).
   Complianz לא משנה את הקישור בריחוף. ניגודיות: שחור על לבן 21:1 ===== */
.cmplz-cookiebanner a.cmplz-link:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--black) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 3px !important;
}
/* הקישור "מדיניות פרטיות" בפס: גובה לחיצה 44 פיקסלים, כמו כל קישור באתר (Complianz נותן 24) */
.cmplz-cookiebanner a.cmplz-link {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
}
/* מסך נמוך (טלפון אופקי, עד 400 פיקסלים גובה): Complianz מקטין את כל הפס ל-60% (zoom: 0.6) – הטקסט והכפתורים זעירים (WCAG 1.4.4, 2.5.8).
   כאן בגודל רגיל. הטקסט נגלל בתוך הפס (Complianz כבר נותן לו גלילה), והכפתורים תמיד גלויים ובגובה 44 */
@media (max-height: 25em) {
	.cmplz-cookiebanner {
		zoom: 1 !important;
		max-height: calc(100vh - 1rem);
		max-height: calc(100dvh - 1rem);
		height: auto !important;
		box-sizing: border-box;
	}
	/* כל הפס נגלל (ובתוכו כפתורים – כך אפשר לגלול גם במקלדת), ולא רק הטקסט */
	.cmplz-cookiebanner {
		overflow-y: auto !important;
	}
	.cmplz-cookiebanner .cmplz-body {
		flex: none !important;
		overflow: visible !important;
		height: auto !important;
		max-height: none !important;
		min-height: auto !important;
	}
	/* Complianz גם מקטין בנפרד את הכפתורים (zoom 0.5, גובה 15vh), את ה-X ואת "מדיניות פרטיות" – מחזירים לגודל רגיל */
	:root .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		zoom: 1 !important;
		flex-shrink: 0 !important;
		min-height: 2.75rem !important;
		height: auto !important;
		padding: 0.5rem 0.625rem !important;
		line-height: 1.3 !important;
	}
	:root .cmplz-cookiebanner :is(.cmplz-close, .cmplz-documents, .cmplz-information) {
		zoom: 1 !important;
	}
}