/* ==========================================================================
   One Click Accessibility (Pojo) – font-resize + contrast fixes
   Theme: meyasdim (vw/vh at base, px under max-width:767px)
   Content roots: .page-wrapper, .mobile-menu (home) · .privacy-content (templates)
   Everything font-related is gated behind body[class*="pojo-a11y-resize-font-"].
   ========================================================================== */

/* --------------------------------------------------------------------------
   Section 1: curves. Forms/banner start smallest and need a bigger first jump.
   Toolbar items and the cookie popup get their own, flatter curves (they grow
   a bit less than the page content).
   -------------------------------------------------------------------------- */
:root { --a11y-scale: 1; --a11y-scale-form: 1; --a11y-scale-toolbar: 1; --a11y-scale-cookie: 1; }
body.pojo-a11y-resize-font-130 { --a11y-scale:1.15; --a11y-scale-form:1.30; --a11y-scale-toolbar:1.08; --a11y-scale-cookie:1.10; }
body.pojo-a11y-resize-font-140 { --a11y-scale:1.22; --a11y-scale-form:1.40; --a11y-scale-toolbar:1.12; --a11y-scale-cookie:1.14; }
body.pojo-a11y-resize-font-150 { --a11y-scale:1.28; --a11y-scale-form:1.48; --a11y-scale-toolbar:1.16; --a11y-scale-cookie:1.18; }
body.pojo-a11y-resize-font-160 { --a11y-scale:1.35; --a11y-scale-form:1.55; --a11y-scale-toolbar:1.20; --a11y-scale-cookie:1.22; }
body.pojo-a11y-resize-font-170 { --a11y-scale:1.42; --a11y-scale-form:1.62; --a11y-scale-toolbar:1.25; --a11y-scale-cookie:1.27; }
body.pojo-a11y-resize-font-180 { --a11y-scale:1.48; --a11y-scale-form:1.68; --a11y-scale-toolbar:1.30; --a11y-scale-cookie:1.31; }
body.pojo-a11y-resize-font-190 { --a11y-scale:1.54; --a11y-scale-form:1.72; --a11y-scale-toolbar:1.35; --a11y-scale-cookie:1.36; }
body.pojo-a11y-resize-font-200 { --a11y-scale:1.60; --a11y-scale-form:1.75; --a11y-scale-toolbar:1.40; --a11y-scale-cookie:1.40; }

/* Shared control metrics: input fields and the submit button get one height. */
html body[class*="pojo-a11y-resize-font-"] {
	--a11y-ctl-lh: calc(1.5vw * var(--a11y-scale-form) * 1.25);
	--a11y-ctl-h: calc(var(--a11y-ctl-lh) + 1.8vh + 0.2rem);
}
@media (max-width: 767px) {
	html body[class*="pojo-a11y-resize-font-"] {
		--a11y-ctl-lh: calc(22px * var(--a11y-scale-form) * 1.25);
		--a11y-ctl-h: calc(var(--a11y-ctl-lh) + 16px + 0.2rem);
	}
}

/* --------------------------------------------------------------------------
   Section 2: base pin on <body>, deliberately UNSCOPED.
   Measured baseline: 18px / 26px (assets/css/style.css).
   -------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] {
	font-size: calc(18px * var(--a11y-scale)) !important;
	line-height: calc(26px * var(--a11y-scale)) !important;
}

/* --------------------------------------------------------------------------
   Section 3: kill compounding inside every content root.
   (0,2,2) – ties the plugin's p/li rules and wins by source order, while any
   single-class restatement below (also 0,2,2, later) still beats it.
   -------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] :is(.page-wrapper, .mobile-menu, .privacy-content) :where(p, li, span, label, blockquote, legend, code, pre, dd, dt) {
	font-size: inherit !important;
}
/* Custom checkbox is sized in vw/vh – its font-size only needs to stop compounding. */
html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox input[type="checkbox"] {
	font-size: inherit !important;
}

/* --------------------------------------------------------------------------
   Section 4: form controls + response/validation messages (--a11y-scale-form).
   Theme values mirrored 1:1, media blocks in the theme's own order.
   -------------------------------------------------------------------------- */

/* Inputs + submit: identical box height on every device, text never clipped. */
html body[class*="pojo-a11y-resize-font-"] .field-col input:not([type="checkbox"]):not([type="radio"]),
html body[class*="pojo-a11y-resize-font-"] .field-col .wpcf7-select,
html body[class*="pojo-a11y-resize-font-"] .submit-btn input {
	box-sizing: border-box !important;
	height: var(--a11y-ctl-h) !important;
	min-height: var(--a11y-ctl-h) !important;
	line-height: var(--a11y-ctl-lh) !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
html body[class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap,
html body[class*="pojo-a11y-resize-font-"] .field-col input,
html body[class*="pojo-a11y-resize-font-"] .wpcf7-select {
	font-size: calc(1vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .field-col label input {
	font-size: calc(22px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .global-btn {
	font-size: calc(25px * var(--a11y-scale-form)) !important;
	line-height: calc(30px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .submit-btn input {
	font-size: calc(1.5vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .field-col label > span:first-child {
	font-size: calc(25px * var(--a11y-scale-form)) !important;
	line-height: calc(30px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .contact-form .form-heading {
	font-size: calc(30px * var(--a11y-scale)) !important;
	line-height: calc(30px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox .wpcf7-list-item-label {
	font-size: calc(0.8vw * var(--a11y-scale-form)) !important;
	line-height: max(calc(2vh * var(--a11y-scale-form)), 1.3em) !important;
}
html body[class*="pojo-a11y-resize-font-"] .form-bottom-text {
	font-size: calc(0.8vw * var(--a11y-scale-form)) !important;
	line-height: max(calc(2vh * var(--a11y-scale-form)), 1.3em) !important;
}
/* Validation tip – always ONE line. Cap = field width / longest message:
   client messages <= 8.8em, the server-side phone message = 13.8em. */
html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip {
	font-size: min(calc(max(14px, 0.7vw) * var(--a11y-scale-form)), 1.68vw) !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
}
html body[class*="pojo-a11y-resize-font-"] [data-name="Phone"] .wpcf7-not-valid-tip {
	font-size: min(calc(max(14px, 0.7vw) * var(--a11y-scale-form)), 1.08vw) !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"] .wpcf7-response-output {
	font-size: calc(max(14px, 0.9vw) * var(--a11y-scale-form)) !important;
	line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"] .success-title {
	font-size: calc(23px * var(--a11y-scale-form)) !important;
	line-height: 1.3 !important;
}

@media (max-width: 767px) {
	html body[class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap,
	html body[class*="pojo-a11y-resize-font-"] .field-col input,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-select {
		font-size: calc(16px * var(--a11y-scale-form)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .form-order form p,
	html body[class*="pojo-a11y-resize-font-"] .form-order form .form-bottom-text,
	html body[class*="pojo-a11y-resize-font-"] .form-order form .wpcf7-list-item-label {
		font-size: calc(13px * var(--a11y-scale-form)) !important;
		line-height: max(calc(18px * var(--a11y-scale-form)), 1.3em) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .submit-btn input {
		font-size: calc(22px * var(--a11y-scale-form)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox .wpcf7-list-item-label {
		font-size: calc(13px * var(--a11y-scale-form)) !important;
		line-height: max(calc(18px * var(--a11y-scale-form)), 1.3em) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip {
		font-size: min(calc(14px * var(--a11y-scale-form)), calc((100vw - 41px) / 9)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] [data-name="Phone"] .wpcf7-not-valid-tip {
		font-size: min(calc(14px * var(--a11y-scale-form)), calc((100vw - 41px) / 14)) !important;
	}
}

/* --------------------------------------------------------------------------
   Section 4b: spans / elements with an intentional size of their own
   (including the :where() rules the theme uses).
   -------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] .icon-title .title .highlighted-text {
	font-size: calc(1.6vw * var(--a11y-scale)) !important;
	line-height: max(calc(3.5vh * var(--a11y-scale)), 1.15em) !important;
}
html body[class*="pojo-a11y-resize-font-"] .in-privacy-ytr-wrap li,
html body[class*="pojo-a11y-resize-font-"] .in-privacy-ytr-wrap li a {
	font-size: calc(0.9vw * var(--a11y-scale)) !important;
	line-height: max(calc(2vh * var(--a11y-scale)), 1.25em) !important;
}
/* Footer links row ("מדיניות הפרטיות | הצהרת נגישות | הדמיות…"): enlarged
   links used to wrap to 2–3 lines while the one-line "|" items stayed small.
   Keep every link on one line, put the disclaimer on its own centred row and
   drop the separator that would be left dangling in front of it. */
html body[class*="pojo-a11y-resize-font-"] .in-privacy-ytr-wrap {
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.25em 0.6em !important;
}
html body[class*="pojo-a11y-resize-font-"] .in-privacy-ytr-wrap > li {
	white-space: nowrap !important;
}
html body[class*="pojo-a11y-resize-font-"] .in-privacy-ytr-wrap > li:has(> p) {
	flex: 0 0 100% !important;
	white-space: normal !important;
	text-align: center !important;
}
html body[class*="pojo-a11y-resize-font-"] .in-privacy-ytr-wrap > li:has(+ li > p) {
	display: none !important;
}
html body[class*="pojo-a11y-resize-font-"] .breadcrumbs li {
	font-size: calc(20px * var(--a11y-scale)) !important;
	line-height: calc(20px * var(--a11y-scale)) !important;
}
@media (max-width: 767px) {
	html body[class*="pojo-a11y-resize-font-"] .icon-title .title .highlighted-text {
		font-size: calc(22px * var(--a11y-scale)) !important;
		line-height: calc(26px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .in-privacy-ytr-wrap li,
	html body[class*="pojo-a11y-resize-font-"] .in-privacy-ytr-wrap li a {
		font-size: calc(16px * var(--a11y-scale)) !important;
		line-height: calc(18px * var(--a11y-scale)) !important;
	}
	/* Too narrow for both links side by side at large steps: stack them, no bars. */
	html body[class*="pojo-a11y-resize-font-"] .in-privacy-ytr-wrap > li:not(:has(a, p)) {
		display: none !important;
	}
}

/* Accessibility toolbar items: scale with the steps, but a bit less than content. */
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-items .pojo-a11y-toolbar-text,
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-items .pojo-a11y-toolbar-icon {
	font-size: calc(12.8px * var(--a11y-scale-toolbar)) !important;
}

/* --------------------------------------------------------------------------
   Section 4c: cookie banner (#cc-banner-root / .cc-modal-wrap live outside
   the content roots). Generic inherit first, then explicit pins. Uses the
   flatter --a11y-scale-cookie curve and the banner's own base sizes, so the
   popup grows a bit less than the page text.
   -------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] .cc-root :is(p, li, span, label, a),
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap :is(p, li, span, label, a),
html body[class*="pojo-a11y-resize-font-"] .cc-modal :is(p, li, span, label, a) {
	font-size: inherit !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-root {
	font-size: calc(14px * var(--a11y-scale-cookie)) !important;
	line-height: 1.5 !important;
	max-height: calc(100vh - 20px);
	overflow-y: auto;
}
/* Settings modal inherits the 18px body size – keep it on the cookie curve too. */
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap {
	font-size: calc(18px * var(--a11y-scale-cookie)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-title,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-title {
	font-size: calc(16px * var(--a11y-scale-cookie)) !important;
	line-height: 1.25 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-body,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-body {
	font-size: calc(14px * var(--a11y-scale-cookie)) !important;
	line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-btn,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-btn,
html body[class*="pojo-a11y-resize-font-"] .cc-modal .cc-btn {
	font-size: calc(14px * var(--a11y-scale-cookie)) !important;
	line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-lang-toggle,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-lang-toggle {
	font-size: calc(12px * var(--a11y-scale-cookie)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-modal-head h2,
html body[class*="pojo-a11y-resize-font-"] .cc-modal .cc-modal-head h2 {
	font-size: calc(18px * var(--a11y-scale-cookie)) !important;
	line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-modal-close,
html body[class*="pojo-a11y-resize-font-"] .cc-modal .cc-modal-close {
	font-size: calc(24px * var(--a11y-scale-cookie)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-cat-desc,
html body[class*="pojo-a11y-resize-font-"] .cc-modal .cc-cat-desc {
	font-size: calc(13px * var(--a11y-scale-cookie)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-required-badge,
html body[class*="pojo-a11y-resize-font-"] .cc-modal .cc-required-badge {
	font-size: calc(11px * var(--a11y-scale-cookie)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"] .cc-modal .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list td,
html body[class*="pojo-a11y-resize-font-"] .cc-modal .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"] .cc-modal .cc-cookies-list td {
	font-size: calc(12px * var(--a11y-scale-cookie)) !important;
}

/* --------------------------------------------------------------------------
   Section 4d: tip positioning – not needed on this theme.
   .wpcf7-not-valid-tip is position:relative (in flow) at every breakpoint,
   so it tracks the consent label on its own.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   Section 5: every font-size rule of style.css / responsive.css, gated and
   × var(--a11y-scale). vh line-heights are scaled too and floored in em so
   lines never overlap on short viewports.
   -------------------------------------------------------------------------- */

/* Headings without a theme size (template pages) – Bootstrap values. */
html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h1, h2, h3, h4, h5, h6) { line-height: 1.2 !important; }
html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h1) { font-size: calc((1.375rem + 1.5vw) * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h2) { font-size: calc((1.325rem + 0.9vw) * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h3) { font-size: calc((1.3rem + 0.6vw) * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h4) { font-size: calc((1.275rem + 0.3vw) * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h5) { font-size: calc(1.25rem * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h6) { font-size: calc(1rem * var(--a11y-scale)) !important; }
@media (min-width: 1200px) {
	html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h1) { font-size: calc(2.5rem * var(--a11y-scale)) !important; }
	html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h2) { font-size: calc(2rem * var(--a11y-scale)) !important; }
	html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h3) { font-size: calc(1.75rem * var(--a11y-scale)) !important; }
	html body[class*="pojo-a11y-resize-font-"] :where(.page-wrapper, .mobile-menu, .privacy-content) :where(h4) { font-size: calc(1.5rem * var(--a11y-scale)) !important; }
}

/* style.css – base */
html body[class*="pojo-a11y-resize-font-"] .privacy-banner h1 {
	font-size: calc(50px * var(--a11y-scale)) !important;
	line-height: calc(56px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .main-title-wrapper .title {
	font-size: calc(1.8vw * var(--a11y-scale)) !important;
	line-height: max(calc(4.5vh * var(--a11y-scale)), 1.25em) !important;
}
html body[class*="pojo-a11y-resize-font-"] .subtitle {
	font-size: calc(1.5vw * var(--a11y-scale)) !important;
	line-height: max(calc(5vh * var(--a11y-scale)), 1.15em) !important;
}
html body[class*="pojo-a11y-resize-font-"] .main-desc {
	font-size: calc(0.92vw * var(--a11y-scale)) !important;
	line-height: max(calc(2.7vh * var(--a11y-scale)), 1.3em) !important;
}
html body[class*="pojo-a11y-resize-font-"] .inner-content-wrapper .title.desc-title {
	font-size: calc(1.5vw * var(--a11y-scale)) !important;
	line-height: max(calc(5vh * var(--a11y-scale)), 1.15em) !important;
}
html body[class*="pojo-a11y-resize-font-"] .icon-title .title {
	font-size: calc(1.3vw * var(--a11y-scale)) !important;
	line-height: max(calc(3vh * var(--a11y-scale)), 1.15em) !important;
}
html body[class*="pojo-a11y-resize-font-"] .icon-list .item .desc {
	font-size: calc(0.92vw * var(--a11y-scale)) !important;
	line-height: max(calc(2.4vh * var(--a11y-scale)), 1.3em) !important;
}
html body[class*="pojo-a11y-resize-font-"] .slick-arrow > i {
	font-size: calc(3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .main-form-title {
	font-size: calc(1.3vw * var(--a11y-scale)) !important;
	line-height: max(calc(3vh * var(--a11y-scale)), 1.15em) !important;
}

/* Title normally sits absolutely on a 480x80 decorative image (green plate +
   black block behind "אחרון"). Enlarged text reflows and can't stay aligned
   with a fixed image, so while resized the same look is drawn in CSS and the
   plate grows with the text. */
/* Plate width grows with the text (desktop); mobile override below = 100%. */
html body[class*="pojo-a11y-resize-font-"] .main-title-wrapper {
	max-width: min(100%, calc(25vw * var(--a11y-scale))) !important;
}
html body[class*="pojo-a11y-resize-font-"]:not(#a11y-b1):not(#a11y-b2) .main-title-wrapper {
	background: var(--main-color) !important;
	border-radius: 0.6em !important;
	padding: 0.2em 0.4em !important;
	margin-bottom: 0.4em !important;
	overflow: hidden !important;
}
html body[class*="pojo-a11y-resize-font-"] .main-title-wrapper > img {
	display: none !important;
}
html body[class*="pojo-a11y-resize-font-"]:not(#a11y-b1):not(#a11y-b2) .main-title-wrapper > .title {
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
html body[class*="pojo-a11y-resize-font-"]:not(#a11y-b1):not(#a11y-b2) .main-title-wrapper .title > .highlighted {
	background: #000 !important;
	color: var(--main-color) !important;
	padding: 0 0.25em !important;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* responsive.css – @media (max-width:767px), same order as the theme */
@media (max-width: 767px) {
	/* Bottom-bar buttons stay on ONE line: cap = (button width - icon) / 7em. */
	html body[class*="pojo-a11y-resize-font-"] .mobile-menu .col-6 {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .detail-mob a,
	html body[class*="pojo-a11y-resize-font-"] .phone-mob a {
		font-size: min(calc(16px * var(--a11y-scale)), calc((48vw - 52px) / 7)) !important;
		line-height: 1.4 !important;
		white-space: nowrap !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .slick-arrow > i {
		font-size: calc(28px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .main-title-wrapper {
		max-width: 100% !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .main-title-wrapper .title {
		font-size: calc(6vw * var(--a11y-scale)) !important;
		line-height: max(calc(3.5vh * var(--a11y-scale)), 1.25em) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .subtitle {
		font-size: calc(22px * var(--a11y-scale)) !important;
		line-height: calc(24px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .main-desc {
		font-size: calc(16px * var(--a11y-scale)) !important;
		line-height: calc(24px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .inner-content-wrapper .title.desc-title {
		font-size: calc(22px * var(--a11y-scale)) !important;
		line-height: calc(26px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .icon-title .title {
		font-size: calc(22px * var(--a11y-scale)) !important;
		line-height: calc(26px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .icon-list .item .desc {
		font-size: calc(16px * var(--a11y-scale)) !important;
		line-height: calc(22px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .main-form-title {
		font-size: calc(22px * var(--a11y-scale)) !important;
		line-height: calc(26px * var(--a11y-scale)) !important;
	}
	/* Fixed bottom bar grows with the text – keep the footer links clear of it. */
	html body[class*="pojo-a11y-resize-font-"] .main-wrapper.bottom-wrapper .content-wrapper {
		padding-bottom: calc(80px * var(--a11y-scale)) !important;
	}
}


/* ==========================================================================
   Section 6: contrast modes (high / negative / light background / grayscale)
   ========================================================================== */

/* High contrast: black page background. */
body.pojo-a11y-high-contrast {
	background-color: #000 !important;
	color: #fff !important;
}

/* Light background: form fields get a visible frame. */
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) input,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) textarea,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) select {
	border: 1px solid #000 !important;
}
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) input::placeholder,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) textarea::placeholder {
	color: #000;
}

/* Grayscale: move the filter from <body> to <html> so fixed elements keep working. */
body.pojo-a11y-grayscale {
	-webkit-filter: none !important;
	filter: none !important;
	overflow-x: hidden !important;
}
html:has(body.pojo-a11y-grayscale) {
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}
body.pojo-a11y-grayscale #pojo-a11y-toolbar {
	position: fixed !important;
	z-index: 99999 !important;
}

/* Cookie-modal toggles: track colours per mode. */
.cc-slider,
body.pojo-a11y-high-contrast .cc-slider,
body.pojo-a11y-grayscale .cc-slider,
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .cc-slider,
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .cc-slider {
	background: #ababff !important;
}
body.pojo-a11y-grayscale .wpcf7-not-valid-tip {
	color: #fff;
}
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .cc-btn {
	border: 1px solid #000 !important;
}
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .cc-slider {
	background: gray !important;
}
body.pojo-a11y-high-contrast .cc-slider {
	background: gray !important;
}
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .cc-slider {
	background: gray !important;
}

/* Toggle ACTIVE state must stay distinguishable from OFF in every mode. */
.cc-toggle input:checked + .cc-slider,
body.pojo-a11y-grayscale .cc-toggle input:checked + .cc-slider {
	background: #3b3bc4 !important;
}
.cc-toggle .cc-slider::before {
	background: #fff !important;
}
body.pojo-a11y-high-contrast .cc-toggle .cc-slider,
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .cc-toggle .cc-slider {
	border: 1px solid #fff !important;
	opacity: 1 !important;
}
body.pojo-a11y-high-contrast .cc-toggle input:checked + .cc-slider,
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .cc-toggle input:checked + .cc-slider {
	background: #ffff00 !important;
}
body.pojo-a11y-high-contrast .cc-toggle input:checked + .cc-slider::before,
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .cc-toggle input:checked + .cc-slider::before {
	background: #000 !important;
}
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .cc-toggle .cc-slider {
	border: 1px solid #000 !important;
	opacity: 1 !important;
}
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .cc-toggle input:checked + .cc-slider {
	background: #000 !important;
}

/* Helper classes (opt-in from markup). */
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .black-bg img {
	background: #000 !important;
}
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .transparent-bg,
body.pojo-a11y-high-contrast .transparent-bg,
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .transparent-bg,
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .transparent-bg img,
body.pojo-a11y-high-contrast .transparent-bg img,
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .transparent-bg img {
	background: transparent !important;
}

/* Consent checkbox: the tick is a background square – keep it visible. */
body.pojo-a11y-high-contrast .wpcf7-checkbox input[type="checkbox"]:checked::before {
	color: #fff;
}
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .wpcf7-checkbox input[type="checkbox"]:checked::before {
	color: #fff;
}
body.pojo-a11y-high-contrast:not(#a11y-b1):not(#a11y-b2) .wpcf7-checkbox input[type="checkbox"],
body.pojo-a11y-negative-contrast:not(#a11y-b1):not(#a11y-b2) .wpcf7-checkbox input[type="checkbox"] {
	background: #000 !important;
	border: 2px solid #fff !important;
}
body.pojo-a11y-high-contrast:not(#a11y-b1):not(#a11y-b2) .wpcf7-checkbox input[type="checkbox"]:checked::before {
	background-color: #fff !important;
}
body.pojo-a11y-negative-contrast:not(#a11y-b1):not(#a11y-b2) .wpcf7-checkbox input[type="checkbox"]:checked::before {
	background-color: #ffff00 !important;
}
body.pojo-a11y-light-background:not(#a11y-b1):not(#a11y-b2) .wpcf7-checkbox input[type="checkbox"] {
	background: #fff !important;
	border: 2px solid #000 !important;
}
body.pojo-a11y-grayscale:not(#a11y-b1):not(#a11y-b2) .wpcf7-checkbox input[type="checkbox"] {
	border: 2px solid #000 !important;
}
body.pojo-a11y-light-background:not(#a11y-b1):not(#a11y-b2) .wpcf7-checkbox input[type="checkbox"]:checked::before,
body.pojo-a11y-grayscale:not(#a11y-b1):not(#a11y-b2) .wpcf7-checkbox input[type="checkbox"]:checked::before {
	background-color: #000 !important;
}

/* Every button keeps a visible border in every mode. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-b1):not(#a11y-b2) :is(.wpcf7-submit, .global-btn, .cc-btn, .cc-lang-toggle, .cc-modal-close, #cc-floater) {
	border: 1px solid #fff !important;
}
body.pojo-a11y-light-background:not(#a11y-b1):not(#a11y-b2) :is(.wpcf7-submit, .global-btn, .cc-btn, .cc-lang-toggle, .cc-modal-close, #cc-floater) {
	border: 1px solid #000 !important;
}
body.pojo-a11y-grayscale:not(#a11y-b1):not(#a11y-b2) :is(.wpcf7-submit, .global-btn, #cc-floater),
body.pojo-a11y-grayscale:not(#a11y-b1):not(#a11y-b2) .cc-modal :is(.cc-btn, .cc-modal-close) {
	border: 1px solid #000 !important;
}
body.pojo-a11y-grayscale:not(#a11y-b1):not(#a11y-b2) .cc-root :is(.cc-btn, .cc-lang-toggle) {
	border: 1px solid #fff !important;
}
/* Mobile bottom bar ("לפרטים נוספים" / "חייג עכשיו"). */
body.pojo-a11y-high-contrast:not(#a11y-b1):not(#a11y-b2) .mobile-menu :is(.detail-mob, .phone-mob) {
	border: 2px solid #fff !important;
}
body.pojo-a11y-negative-contrast:not(#a11y-b1):not(#a11y-b2) .mobile-menu :is(.detail-mob, .phone-mob) {
	border: 2px solid #ffff00 !important;
}
body.pojo-a11y-light-background:not(#a11y-b1):not(#a11y-b2) .mobile-menu :is(.detail-mob, .phone-mob) {
	border: 2px solid #000 !important;
}
body.pojo-a11y-grayscale:not(#a11y-b1):not(#a11y-b2) .mobile-menu :is(.detail-mob, .phone-mob) {
	border: 2px solid #000 !important;
}

/* Background images stay visible in contrast modes. The plugin's
   "background: … !important" wipes inline background-image, so the footer
   script in functions.php copies it to --a11y-bg-img. Containers stay clear;
   only the text on top of the image gets a backing. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) :is(.page-wrapper, .privacy-content, .mobile-menu) [style*="background-image"] {
	background-color: transparent !important;
	background-image: var(--a11y-bg-img, none) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) :is(.privacy-banner-content, .privacy-banner .breadcrumbs) {
	background: transparent !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not([class*="pojo-a11y-resize-font-"]):not(#a11y-b1):not(#a11y-b2) .main-title-wrapper {
	background: transparent !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) .main-title-wrapper > img {
	background: transparent !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) .privacy-banner h1 {
	width: fit-content !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0.1em 0.4em !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) .privacy-banner .breadcrumbs li {
	padding: 2px 6px !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-b1):not(#a11y-b2) :is(.privacy-banner h1, .privacy-banner .breadcrumbs li) {
	background: #000 !important;
}
body.pojo-a11y-light-background:not(#a11y-b1):not(#a11y-b2) :is(.privacy-banner h1, .privacy-banner .breadcrumbs li) {
	background: #fff !important;
}

/* Home title banner (title-bg.png): the image itself is the text backing
   (light-green part + black block), so keep it fully visible and restore the
   design's own contrast pair instead of painting boxes over it. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) .main-title-wrapper .title,
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) .main-title-wrapper .title > span {
	background: transparent !important;
	text-shadow: none !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) .main-title-wrapper .title > span:not(.highlighted) {
	color: #000 !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) .main-title-wrapper .title > .highlighted {
	color: #fff !important;
}
body.pojo-a11y-negative-contrast:not(#a11y-b1):not(#a11y-b2) .main-title-wrapper .title > .highlighted {
	color: #ffff00 !important;
}

/* Logos keep their original backdrop so every part of the artwork shows:
   header logo was designed on white, the form logo (white artwork) on the
   brand green. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) .top-logo img {
	background: #fff !important;
	border-radius: 8px !important;
	padding: 4px !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-b1):not(#a11y-b2) .form-logo img {
	background: #C4CC94 !important;
	border-radius: 8px !important;
	padding: 4px !important;
}

/* Slider arrows: icon only – no box / square behind them in any mode. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-b1):not(#a11y-b2) .banner-slider .slick-arrow,
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-b1):not(#a11y-b2) .banner-slider .slick-arrow > i {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	outline-offset: 2px;
}
/* No focus box after a mouse/touch click on the arrows; keyboard focus
   (:focus-visible) still gets the plugin's outline. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-b1):not(#a11y-b2) .banner-slider .slick-arrow:focus:not(:focus-visible),
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-b1):not(#a11y-b2) .banner-slider .slick-arrow:focus:not(:focus-visible) > i {
	outline: none !important;
	box-shadow: none !important;
}
body.pojo-a11y-light-background:not(#a11y-b1):not(#a11y-b2) .banner-slider .slick-arrow > i {
	color: #fff !important;
	text-shadow: 0 0 3px #000, 0 0 1px #000 !important;
}


/* ==========================================================================
   Section 7: floating cookie button + toolbar placement
   ========================================================================== */
body #cc-floater {
	bottom: unset !important;
	top: 12.5vw !important;
	left: 0.2vw !important;
	right: unset !important;
	width: 2.5vw !important;
	height: 2.5vw !important;
	line-height: 2.5vw;
	text-align: center !important;
	z-index: 999 !important;
}
body #cc-floater svg {
	width: 1.5vw !important;
	height: 1.5vw !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
body #pojo-a11y-toolbar {
	z-index: 9999 !important;
	top: 9vw !important;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	font-size: 1.5vw !important;
	padding: 0.6vw !important;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
	width: 1.5vw !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg {
	padding-right: 0 !important;
	padding-left: 6px !important;
}

@media (max-width: 767px) {
	body #cc-floater {
		bottom: unset !important;
		top: 60vw !important;
		left: 2px !important;
		width: 7.5vw !important;
		height: 7.5vw !important;
		line-height: 7.5vw;
		padding: 4.5vw !important;
	}
	body #cc-floater svg {
		width: 5vw !important;
		height: 5vw !important;
	}
	body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
		font-size: 5.5vw !important;
		padding: 2vw !important;
	}
	body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
		width: 5.8vw !important;
	}
	body #pojo-a11y-toolbar {
		top: 48vw !important;
	}

	/* Bottom-bar buttons on ONE line on narrow phones (<= ~365px they used to
	   wrap the arrow). At 375px+ this resolves to the theme's own 16px. */
	.mobile-menu .detail-mob a,
	.mobile-menu .phone-mob a {
		white-space: nowrap;
		font-size: min(16px, calc((48vw - 68px) / 7));
	}

	/* Cookie banner centred on mobile. */
	.cc-banner {
		padding: 16px !important;
	}
	.cc-pos-right {
		left: 50% !important;
		right: unset !important;
		bottom: 10px !important;
		width: 95%;
		transform: translateX(-50%);
	}
	.cc-btn {
		padding: 7px 9px !important;
	}
}