/* SharonFix — accessibility menu v3 + display preferences (RTL, Hebrew). No third parties, no colour filters. */

/* ---------- floating button ---------- */
.sfa-btn{position:fixed;right:16px;bottom:22px;z-index:85;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:48px;min-height:48px;padding:8px 14px;box-sizing:border-box;border:2px solid #14294A;border-radius:12px;
  background:#fff;color:#14294A;font:700 16px/1.3 'Heebo','Segoe UI',system-ui,sans-serif;cursor:pointer;
  box-shadow:0 3px 12px rgba(0,0,0,.18)}
.sfa-btn svg{width:24px;height:24px;flex:none}
.sfa-btn:hover{background:#E9EDF4}
.sfa-btn:focus-visible{outline:3px solid #14294A!important;outline-offset:3px}
.sfa-btn[aria-expanded="true"]{background:#14294A;color:#fff}
/* the plain statement link stays in the page for no-JS visitors; with JS the menu button replaces it */
.sfa-ready .sf-accessibility-link{display:none!important}
/* phones/tablets: the WhatsApp + phone dock fills the bottom edge, so the button sits above it on the left
   (WhatsApp/phone are on the right of the dock, the desktop WhatsApp bubble is hidden below 900px) */
@media (max-width:899px){
  .sfa-btn{right:auto;left:max(12px,env(safe-area-inset-left));bottom:calc(86px + env(safe-area-inset-bottom));
    min-height:44px;padding:6px 12px;font-size:15px}
  html{scroll-padding-bottom:150px}
}
/* desktop: the WhatsApp bubble is bottom-left (inset-inline-end in RTL); the button stays bottom-right */
@media (min-width:900px){html{scroll-padding-bottom:90px}}
/* short screens (phone landscape, 400% desktop zoom): free vertical space — header scrolls away, button compact */
@media (max-height:450px){
  .nav{position:relative!important}
  html{scroll-padding-top:12px!important}
  .sfa-btn{min-height:44px;padding:4px 10px;font-size:14px;bottom:calc(80px + env(safe-area-inset-bottom))}
  .sfa-btn svg{width:20px;height:20px}
}
@media (max-height:450px) and (min-width:900px){.sfa-btn{bottom:12px}}
@media print{.sfa-btn,.sfa-root{display:none!important}}

/* ---------- dialog ---------- */
.sfa-root[hidden]{display:none!important}
.sfa-root{position:fixed;inset:0;z-index:2147483000}
.sfa-backdrop{position:absolute;inset:0;background:rgba(10,20,35,.55)}
.sfa-dlg{position:absolute;right:16px;bottom:16px;width:min(420px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));
  display:flex;flex-direction:column;box-sizing:border-box;background:#fff;color:#14294A;border:2px solid #14294A;border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.35);font:400 16px/1.5 'Heebo','Segoe UI',system-ui,sans-serif;text-align:right;direction:rtl}
@media (max-width:599px){
  .sfa-dlg{right:0;left:0;bottom:0;width:100%;border-radius:16px 16px 0 0;border-bottom:0;
    max-height:calc(100dvh - 12px);padding-bottom:env(safe-area-inset-bottom)}
}
.sfa-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #D5DCE6;flex:none}
.sfa-head h2{margin:0;font:800 20px/1.3 'Heebo','Segoe UI',system-ui,sans-serif;color:#14294A}
.sfa-head h2:focus{outline:none}
.sfa-head h2:focus-visible{outline:3px solid #14294A;outline-offset:2px}
.sfa-x{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:6px 12px;
  border:2px solid #14294A;border-radius:10px;background:#fff;color:#14294A;font-weight:700;font-size:15px;line-height:1.2;font-family:inherit;cursor:pointer}
.sfa-x svg{width:18px;height:18px}.sfa-x{white-space:nowrap;flex:none}.sfa-head{flex-wrap:wrap}
.sfa-body{overflow:auto;overscroll-behavior:contain;padding:8px 16px 16px;flex:1 1 auto;-webkit-overflow-scrolling:touch}
.sfa-sec{margin:12px 0 0;padding:0;border:0}
.sfa-sec h3{margin:0 0 8px;font-weight:700;font-size:16px;line-height:1.4;font-family:inherit;color:#14294A}
.sfa-row{display:flex;flex-wrap:wrap;gap:8px}
.sfa-opt,.sfa-tgl,.sfa-reset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;
  padding:8px 12px;border:2px solid #5B6B82;border-radius:10px;background:#fff;color:#14294A;font-weight:600;font-size:15px;line-height:1.3;font-family:inherit;cursor:pointer;text-align:center}
.sfa-opt[aria-pressed="true"],.sfa-tgl[aria-pressed="true"]{background:#14294A;border-color:#14294A;color:#fff}
.sfa-opt[aria-pressed="true"]::before,.sfa-tgl[aria-pressed="true"]::before{content:"✓";font-weight:800}
.sfa-opt:hover,.sfa-tgl:hover,.sfa-reset:hover,.sfa-x:hover{border-color:#14294A;box-shadow:0 0 0 2px #14294A inset}
.sfa-wide{flex:1 1 100%;justify-content:flex-start;text-align:right}
.sfa-tgl{width:100%;justify-content:space-between}
.sfa-tgl .sfa-st{font-weight:700;font-size:14px;padding:2px 8px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.sfa-tgl[aria-pressed="true"]::before{content:none}
.sfa-list{display:grid;gap:8px}
.sfa-reset{width:100%;margin-top:16px;border-color:#A3360B;color:#8A2D09}
.sfa-links{margin:16px 0 0;padding:12px 0 0;border-top:1px solid #D5DCE6;display:grid;gap:4px}
.sfa-links p{margin:0 0 4px;font-size:15px}
.sfa-links a{display:flex;align-items:center;min-height:44px;color:#14294A;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sfa-note{margin:12px 0 0;font-size:14px;color:#3E4C5E}
.sfa-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sfa-root :focus-visible{outline:3px solid #C2500E!important;outline-offset:2px}
html.sfa-open,html.sfa-open body{overflow:hidden!important}
@media (forced-colors:active){
  .sfa-btn,.sfa-dlg,.sfa-opt,.sfa-tgl,.sfa-reset,.sfa-x{border:2px solid ButtonText}
  .sfa-opt[aria-pressed="true"],.sfa-tgl[aria-pressed="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText}
}

/* ---------- site fixes that apply without the menu ---------- */
.foot p,.foot span,.foot__legal{color:#D3DCEA}                  /* page CSS painted footer text grey-on-navy (1.9:1) */
.drop__b:focus-within,.addph:focus-within{outline:3px solid #C2500E;outline-offset:3px} /* hidden file inputs: show focus on their label */
.find{grid-template-columns:minmax(0,1fr)}                     /* home model search pushed the page to 354px at 320px wide */
@media (min-width:760px){.find{grid-template-columns:minmax(0,1fr) auto}}
.find input{width:0}
@media (max-width:899px){.dock{position:fixed;inset-inline:0;bottom:0;z-index:60}} /* /accessibility and /privacy lacked this, so the bar sat at page end under the menu button */
/* 1.4.1: links inside running text looked exactly like the text around them (same colour, weight, no underline) */
:is(main,footer) :is(p,li,td,dd) a[href]:not(.btn):not([class*="btn"]):not(.svc-card):not(:is(.svc-more,.guides,.jump,.catalog-links,.catalog-pages,.foot__grid,.mnav) *){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.foot__legal a[href]{text-decoration:underline;text-underline-offset:3px}
.dock .btn{min-width:0;overflow:visible;white-space:normal;text-align:center;padding-inline:8px!important} /* 1.4.12: "התקשרו" was clipped at 320px with wider text spacing */
html .rev__stars,html .rev-summary__stars,html .stars{color:#B26A00!important}   /* rating stars were #E39B0B on cream, 2.3:1 (1.4.11) -> 4.1:1 */
.prices th[scope="row"]{padding:13px 4px;border-bottom:1px solid var(--line);font-size:16.5px;vertical-align:middle;font-weight:inherit;text-align:start}
.prices tr:last-child th{border-bottom:0}
.sfa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-contrast:more){
  html:root{--body:#2F3A4A}
  .btn--soft{border-color:#14294A!important}
}

/* ---------- preference: readable spacing (Hebrew-safe: no letter-spacing) ---------- */
html.a11y-spacing body *:not(svg):not(svg *){line-height:1.9!important;word-spacing:.16em!important}
html.a11y-spacing main p,html.a11y-spacing main li,html.a11y-spacing main dd,html.a11y-spacing main blockquote,
html.a11y-spacing .sfa-dlg p{margin-bottom:1em!important}
html.a11y-spacing .nav__in{height:auto!important;min-height:64px}

/* ---------- preference: underline links ---------- */
html.a11y-links a[href]{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}

/* ---------- preference: reduce motion ---------- */
html.a11y-motion,html.a11y-motion *{scroll-behavior:auto!important}
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{animation:none!important;transition:none!important}
html.a11y-motion .rv,html.js.a11y-motion .rv{opacity:1!important;transform:none!important}
html.a11y-motion .rip{display:none!important}

/* ---------- preference: larger text (font sizes are set per element by a11y-v3.js; layout is loosened here) ---------- */
html.a11y-text .nav__in{height:auto!important;min-height:64px;flex-wrap:wrap;padding-block:6px}
html.a11y-text .nav__call,html.a11y-text .burger{height:auto!important;min-height:46px}
html.a11y-text .brand--v12 .brand__logo{width:150px}
html.a11y-text .btn{height:auto!important;white-space:normal}
html.a11y-text .dock{position:static!important}
html.a11y-text body{padding-bottom:0!important}
html.a11y-text .mnav ul,html.a11y-text .foot__grid ul{grid-template-columns:1fr!important}
html.a11y-text .svc{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html.a11y-text .svc-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))!important}
html.a11y-text .cta,html.a11y-text .hh__cta,html.a11y-text .closing__btns,html.a11y-text .drop__btns,html.a11y-text .dock{grid-template-columns:1fr!important}
html.a11y-text .find form{flex-wrap:wrap;min-width:0!important}
html.a11y-text .find input{flex-basis:100%}
html.a11y-text *{overflow-wrap:break-word}  /* not "anywhere": that split Hebrew words mid-word */
html.a11y-text .sfa-btn{position:fixed}
/* phones with enlarged text: every content grid becomes one column, so words never have to break inside narrow tiles */
@media (max-width:599px){
  html.a11y-text :is(main,footer) *{grid-template-columns:minmax(0,1fr)!important}
  html.a11y-text :is(main,footer) *{flex-wrap:wrap;white-space:normal!important}   /* side-by-side flex items and nowrap prices overflowed */
  html.a11y-text :is(main,footer) .sfa-sr{white-space:nowrap!important}
  html.a11y-text .prices tr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 12px}
  html.a11y-text .prices :is(td,th){border-bottom:0!important}
  html.a11y-text .prices tr{border-bottom:1px solid var(--line)}
}

/* ---------- preference: high contrast (two schemes, real colours — not a page filter) ---------- */
html.a11y-hc body,
html.a11y-hc body *:not(svg):not(svg *):not(img):not(picture):not(video):not(.sfa-backdrop){
  background-color:var(--hc-bg)!important;background-image:none!important;color:var(--hc-fg)!important;
  border-color:var(--hc-line)!important;box-shadow:none!important;text-shadow:none!important;opacity:1}
html.a11y-hc{--hc-bg:#fff;--hc-fg:#000;--hc-line:#000;--hc-link:#0033A0;--hc-focus:#000;--hc-sel-bg:#000;--hc-sel-fg:#fff;color-scheme:light}
html.a11y-hc-dark{--hc-bg:#000;--hc-fg:#fff;--hc-line:#fff;--hc-link:#FFE14D;--hc-focus:#FFE14D;--hc-sel-bg:#FFE14D;--hc-sel-fg:#000;color-scheme:dark}
html.a11y-hc{background:var(--hc-bg)!important}
html.a11y-hc body *::before,html.a11y-hc body *::after{background-image:none!important;box-shadow:none!important}
html.a11y-hc body a[href],html.a11y-hc body a[href] *{color:var(--hc-link)!important}
html.a11y-hc body a[href]{text-decoration:underline!important;text-underline-offset:3px}
html.a11y-hc body .btn,html.a11y-hc body button,html.a11y-hc body .drop__b,html.a11y-hc body .addph,
html.a11y-hc body input,html.a11y-hc body select,html.a11y-hc body textarea,html.a11y-hc body .fld{border:2px solid var(--hc-line)!important}
html.a11y-hc body .btn,html.a11y-hc body .btn *{color:var(--hc-fg)!important}
html.a11y-hc body .btn{text-decoration:none!important}
html.a11y-hc body svg{color:inherit}
html.a11y-hc body svg [stroke]:not([stroke="none"]){stroke:currentColor}
html.a11y-hc body .rev__g path{fill:currentColor}
html.a11y-hc body ::placeholder{color:var(--hc-fg)!important;opacity:.75}
html.a11y-hc body :focus-visible{outline:3px solid var(--hc-focus)!important;outline-offset:3px!important}
html.a11y-hc body [aria-pressed="true"],html.a11y-hc body .svc button.sel,html.a11y-hc body .gfilter.on{
  background-color:var(--hc-sel-bg)!important;color:var(--hc-sel-fg)!important}
html.a11y-hc body [aria-pressed="true"] *,html.a11y-hc body .svc button.sel *{color:var(--hc-sel-fg)!important;background-color:transparent!important}
html.a11y-hc body .fbar{border:1px solid var(--hc-line)!important}
html.a11y-hc body .fbar i,html.a11y-hc body #bar{background-color:var(--hc-fg)!important}
html.a11y-hc body .tape,html.a11y-hc body .pill i,html.a11y-hc body .hsteps li::before{background-color:var(--hc-fg)!important;color:var(--hc-bg)!important}
html.a11y-hc body .thumb .ok{background-color:var(--hc-bg)!important;opacity:.85}
html.a11y-hc body .err{text-decoration:underline}
html.a11y-hc body .skip:not(:focus){background:transparent!important}
html.a11y-hc .sfa-backdrop{background:rgba(0,0,0,.6)!important}
html.a11y-hc .sfa-dlg,html.a11y-hc .sfa-btn{border:2px solid var(--hc-line)!important}
html.a11y-hc-dark body .brand__logo,html.a11y-hc-dark body img[src$=".svg"]{background:#fff!important;border-radius:6px;padding:4px}
html.a11y-hc input[type="checkbox"]{accent-color:var(--hc-fg)}