/* Thin cookie consent bar (21.10.2026), loaded only with the option reef_consent_v2 (inc/consent-v2.php).
   Complianz banner (position "bottom", no X, no legal links row) restyled as:
   phone:   one line of text with the policy link, then [אישור] [דחייה] equal + "העדפות" as a text button, sitting right on top of .rf-bar;
   desktop: the same in one row, full width at the bottom.
   Equal choice: אישור and דחייה share every property (size, weight, colours, border). Targets 44px. Focus ring orange-ink (5.4:1 on white).
   While the bar is open (html.rf-ck-open, --rf-ck-h = its height, set by the inline script) the accessibility trigger and the Google
   badge move up above it, so the bar never covers them. */

html body #cmplz-cookiebanner-container .cmplz-cookiebanner{
	position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;
	transform:none!important;margin:0!important;zoom:1!important;
	width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:calc(100vh - 96px)!important;
	overflow-x:hidden!important;overflow-y:auto!important;
	grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;row-gap:10px;
	padding:12px max(24px,calc((100vw - var(--wrap,1340px)) / 2))!important;
	background:var(--paper,#fff)!important;color:var(--slate,#313745);
	border:0!important;border-top:1px solid var(--line,#E6E6EA)!important;border-radius:0!important;
	box-shadow:0 -12px 28px -20px rgba(6,2,32,.5)!important;
	z-index:99980!important; /* above the page and .rf-bar (60), below the accessibility trigger (99990) and its panel */
	font-family:var(--sys);text-align:start;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show{display:grid!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-hidden,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-dismissed{display:none!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner:focus{outline:none}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner:focus-visible{outline:3px solid var(--orange-ink,#AE4D13)!important;outline-offset:-3px}

/* parts the thin bar does not show (the title still names the dialog for screen readers through aria-labelledby) */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-information,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close{display:none!important}

/* message: one line, the policy link never breaks inside itself */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body{
	display:block!important;min-width:0!important;width:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;grid-column:auto!important;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{
	margin:0!important;padding:0!important;font-family:var(--sys);font-size:15px!important;line-height:24px!important;font-weight:400;
	color:var(--slate,#313745)!important;word-wrap:normal;overflow-wrap:normal;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a{
	display:inline-block;padding-block:10px;margin-block:-10px; /* 44px tall hit area without a taller line */
	color:var(--navy,#060220)!important;font-weight:700;white-space:nowrap;
	text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a:hover{text-decoration-thickness:2px}

/* buttons: אישור and דחייה identical; העדפות secondary (text button) */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{
	display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px!important;margin:0!important;padding:0!important;
	grid-column:auto!important;grid-row:auto!important;zoom:1!important;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
	zoom:1!important;margin:0!important;width:auto!important;height:auto!important;min-height:44px!important;min-width:44px!important;
	padding:0 18px!important;border-radius:12px!important;box-shadow:none!important;
	font-family:var(--sys)!important;font-size:16px!important;line-height:1.2!important;white-space:nowrap!important;
	cursor:pointer;transition:background-color var(--t,.16s),color var(--t,.16s);
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{
	flex:0 0 auto;min-width:120px!important;
	background:var(--paper,#fff)!important;color:var(--navy,#060220)!important;border:2px solid var(--navy,#060220)!important;font-weight:700!important;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover{
	background:var(--navy,#060220)!important;color:#fff!important;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences{
	flex:0 0 auto;padding:0 10px!important;background:transparent!important;border:0!important;color:var(--navy,#060220)!important;
	font-weight:600!important;font-size:15px!important;text-decoration:underline;text-underline-offset:3px;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:focus-visible,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a:focus-visible,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle:focus-visible{
	outline:3px solid var(--orange-ink,#AE4D13)!important;outline-offset:2px!important;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a:focus-visible{border-radius:4px}

/* preferences open ("העדפות"): categories under the line, scrollable, buttons on their own row */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible{grid-template-columns:minmax(0,1fr)!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-body{max-height:45vh!important;overflow-y:auto!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories{margin-block-start:10px;width:auto!important;grid-column:auto!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header{min-height:44px;padding-block:6px!important;padding-inline:12px!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category-title{font-size:15px!important;color:var(--navy,#060220)!important;font-weight:700!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-description{font-size:14px!important;line-height:1.6;color:var(--slate,#313745)!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-always-active{color:#1B6B3A!important} /* was "green" (#008000, 5.1:1); darker, same meaning */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle{min-width:44px;min-height:44px;border-radius:8px!important}
/* category switches: off = muted grey, on = navy (Complianz default was off = orange, on = blue); both 3:1+ on the row background */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner{--cmplz_slider_active_color:var(--navy,#060220);--cmplz_slider_inactive_color:var(--muted,#69727D);--cmplz_slider_bullet_color:#fff}
/* "שמירת העדפות" gets its own full row, so אישור and דחייה stay equal next to each other */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-buttons .cmplz-btn.cmplz-save-preferences{flex:1 0 100%!important;order:3}

/* the persistent "ניהול עוגיות" button in the footer legal line (looks like its neighbour links) */
.rf-legal-line .rf-ck-manage,.rf-ck-manage-line .rf-ck-manage{
	display:inline-block;min-height:24px;margin:0;padding:2px 0;background:none;border:0;cursor:pointer;
	font:inherit;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px;
}
.rf-ck-manage-line{margin:0;padding:0 0 14px;text-align:center}
.rf-legal-line .rf-ck-manage:focus-visible,.rf-ck-manage-line .rf-ck-manage:focus-visible{outline:3px solid var(--orange,#FF6200);outline-offset:3px;border-radius:4px}

/* desktop and tablets: text and buttons as one centred group, slightly larger text */
@media (min-width:761px){
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner{grid-template-columns:auto auto;justify-content:center;column-gap:32px}
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible{grid-template-columns:minmax(0,760px)!important;justify-content:center}
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-buttons .cmplz-btn.cmplz-save-preferences{flex:0 0 auto!important;order:0}
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{font-size:16px!important}
}
/* desktop: floating widgets move up while the bar is open */
html.rf-ck-open{scroll-padding-bottom:calc(var(--rf-ck-h,68px) + 16px)}
html.rf-ck-open #reef-gbadge{bottom:calc(var(--rf-ck-h,68px) + 12px)!important}
html.rf-ck-open #reef-a11y-trigger{bottom:calc(var(--rf-ck-h,68px) + 100px)!important}

/* phones: stacked right on top of the call bar, text line then the buttons row.
   --rf-cb = the call bar's real height (measured, it differs per template), fallback --bar-h + border + safe area */
@media (max-width:760px){
	html{--rf-cb:var(--rf-callbar-h,calc(var(--bar-h,64px) + 1px + env(safe-area-inset-bottom,0px)))}
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner{
		bottom:var(--rf-cb)!important;
		max-height:calc(100vh - var(--rf-cb) - 96px)!important;
		grid-template-columns:minmax(0,1fr)!important;row-gap:10px;
		padding:10px 16px 8px!important;
	}
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{flex:1 1 0;min-width:0!important;padding:0 10px!important}
	html.rf-ck-open{scroll-padding-bottom:calc(var(--rf-cb) + var(--rf-ck-h,96px) + 16px)}
	html.rf-ck-open #reef-a11y-trigger{bottom:calc(var(--rf-cb) + var(--rf-ck-h,96px) + 12px)!important}
	html.rf-ck-open #reef-gbadge{bottom:calc(var(--rf-cb) + var(--rf-ck-h,96px) + 10px)!important}
}
/* phones, smart call bar (body.rf-sticky-smart, 21.10): while the hero call/WhatsApp pair is on screen the call bar slides away;
   the consent bar then sits at the bottom edge, and rides back up on top of the call bar when it returns (same .28s ease) */
@media (max-width:760px){
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner{transition:transform .28s ease}
	html body.rf-sticky-smart:has(.rf-hero .rf-pair,.rf-ihero .rf-pair,main .rf-pair-xl):not(.rf-bar-on) #cmplz-cookiebanner-container .cmplz-cookiebanner{transform:translateY(calc(var(--rf-cb) - env(safe-area-inset-bottom,0px)))!important}
	html.rf-ck-open body.rf-sticky-smart:has(.rf-hero .rf-pair,.rf-ihero .rf-pair,main .rf-pair-xl):not(.rf-bar-on) #reef-a11y-trigger{bottom:calc(env(safe-area-inset-bottom,0px) + var(--rf-ck-h,96px) + 12px)!important}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner{transition:none}
}
/* phones on their side (short screens): text and buttons share one row so the two bars stay small */
@media (max-width:760px) and (max-height:500px){
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner{grid-template-columns:minmax(0,1fr) auto!important;padding:6px 16px!important}
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible{grid-template-columns:minmax(0,1fr)!important}
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny{flex:0 0 auto;min-width:96px!important}
}
@media (prefers-reduced-motion:reduce){
	html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{transition:none}
}
@media print{#cmplz-cookiebanner-container{display:none!important}}
