/* ==================================================================
   לירדור · רכיב נגישות
   נבנה לפי תקן ישראלי ת״י 5568, המבוסס על WCAG 2.0 רמה AA,
   בהתאם לתקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות
   לשירות), התשע״ג-2013, תקנה 35.
   הקובץ עצמאי ואינו תלוי בגיליון העיצוב הראשי.
   ================================================================== */

/* ---------- 1. דילוג לתוכן: הקישור הראשון בכל עמוד ---------- */
.a11y-skip{
  position:absolute;top:-100px;right:12px;z-index:100000;
  background:#0E2A3C;color:#fff;padding:12px 22px;border-radius:0 0 12px 12px;
  font-weight:700;font-size:16px;text-decoration:none;
  transition:top .15s ease;
}
.a11y-skip:focus{top:0;outline:3px solid #F0A868;outline-offset:2px}

/* ---------- 2. סימון מיקוד ברור לניווט במקלדת ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,summary:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid #B4540A !important;
  outline-offset:2px !important;
  border-radius:4px;
}
body.a11y-kb a:focus,body.a11y-kb button:focus,body.a11y-kb input:focus,
body.a11y-kb select:focus,body.a11y-kb textarea:focus{
  outline:3px solid #B4540A !important;outline-offset:2px !important;
}

/* ---------- 3. הכפתור הצף ---------- */
.a11y-btn{
  position:fixed;inset-inline-start:16px;bottom:16px;z-index:99998;
  width:52px;height:52px;border-radius:14px;border:2px solid #fff;
  background:#2C6A94;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(14,42,60,.32);
  transition:transform .16s ease,background .16s ease;
  padding:0;
}
.a11y-btn:hover{background:#215472;transform:scale(1.06)}
.a11y-btn svg{width:30px;height:30px;fill:#fff;pointer-events:none}

/* ---------- 3ב. כפתור ווטסאפ צף, מעוגן למסך ---------- */
.wa-float{
  position:fixed;inset-inline-end:16px;inset-inline-start:auto;bottom:18px;z-index:99997;
  width:56px;height:56px;border-radius:50%;
  background:#0C8040;border:2px solid #fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(12,128,64,.38);
  transition:transform .16s ease,background .16s ease;
}
.wa-float:hover{background:#0A6E37;transform:scale(1.07)}
.wa-float svg{width:31px;height:31px;fill:#fff;pointer-events:none}

/* ---------- 4. חלונית הכלים ---------- */
.a11y-panel{
  position:fixed;inset-inline-start:16px;bottom:78px;z-index:99999;
  width:270px;max-width:calc(100vw - 32px);
  max-height:min(76vh,560px);overflow-y:auto;overscroll-behavior:contain;
  background:#fff;border:2px solid #2C6A94;border-radius:16px;
  box-shadow:0 18px 48px rgba(14,42,60,.28);
  padding:14px;display:none;
  font-family:'Assistant',Arial,sans-serif;
}
.a11y-panel[data-open="true"]{display:block}
.a11y-panel h2{
  font-size:17px;font-weight:800;color:#0E2A3C;margin:0 0 10px;
  padding-bottom:9px;border-bottom:2px solid #E9E0D4;text-align:right;
}
.a11y-opt{
  display:flex;align-items:center;gap:10px;width:100%;
  background:#fff;border:1px solid #DCE7EF;border-radius:10px;
  padding:9px 11px;margin-bottom:6px;cursor:pointer;
  font-size:15px;font-weight:600;color:#1B3040;text-align:right;
  font-family:inherit;line-height:1.4;
}
.a11y-opt:hover{background:#E7F0F8;border-color:#2C6A94}
.a11y-opt[aria-pressed="true"]{background:#0E2A3C;color:#fff;border-color:#0E2A3C}
.a11y-opt[aria-pressed="true"] .a11y-ic{stroke:#fff}
.a11y-ic{width:20px;height:20px;flex-shrink:0;stroke:#2C6A94;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.a11y-opt span{flex:1}
.a11y-reset{background:#F7EFE4;border-color:#E9E0D4;margin-top:4px}
.a11y-foot{
  margin-top:10px;padding-top:10px;border-top:1px solid #E9E0D4;
  font-size:13.5px;text-align:center;
}
.a11y-foot a{color:#1B4F72;font-weight:700;text-decoration:underline}
.a11y-size-val{
  font-size:13px;color:#41627A;text-align:center;margin:2px 0 8px;font-weight:700;
}

/* ---------- 5. מצבי תצוגה ---------- */
/* שינוי גודל הטקסט מבוצע בזום על תוכן העמוד, כדי שיפעל גם במידות פיקסלים
   קבועות. רכיבי הנגישות והווטסאפ הצף אינם מוזזמים, כדי שיישארו במקומם. */
html.a11y-zoom body>*:not(.a11y-btn):not(.a11y-panel):not(.a11y-skip):not(.wa-float):not(.aurora):not(#dust):not(.bsd){
  zoom:var(--a11y-zoom,1);
}

html.a11y-gray{filter:grayscale(1)}
html.a11y-contrast{filter:contrast(1.42)}
html.a11y-invert{filter:invert(1) hue-rotate(180deg)}
html.a11y-invert img,html.a11y-invert video,html.a11y-invert svg,
html.a11y-invert .a11y-btn,html.a11y-invert .a11y-panel,
html.a11y-invert .wa-float{filter:invert(1) hue-rotate(180deg)}

html.a11y-light body,html.a11y-light .hero,html.a11y-light .hero-page,
html.a11y-light section,html.a11y-light .aurora,html.a11y-light .page{
  background:#fff !important;background-image:none !important;
}
html.a11y-light body,html.a11y-light p,html.a11y-light li,
html.a11y-light td,html.a11y-light span,html.a11y-light div{color:#1A1A1A !important}
html.a11y-light h1,html.a11y-light h2,html.a11y-light h3,html.a11y-light h4{color:#000 !important}
html.a11y-light .hero::before,html.a11y-light .hero::after,html.a11y-light .blob{display:none !important}

html.a11y-links a{
  text-decoration:underline !important;text-underline-offset:3px !important;
  font-weight:700 !important;
}
html.a11y-links a:not(.btn):not(.a11y-opt):not(.a11y-skip){
  color:#0B3C5D !important;background:#FFF6C7 !important;
  box-shadow:0 0 0 2px #FFF6C7;
}

html.a11y-font,html.a11y-font body,html.a11y-font h1,html.a11y-font h2,
html.a11y-font h3,html.a11y-font h4,html.a11y-font p,html.a11y-font a,
html.a11y-font li,html.a11y-font td,html.a11y-font th,html.a11y-font span,
html.a11y-font div,html.a11y-font button,html.a11y-font input,
html.a11y-font label,html.a11y-font textarea{
  font-family:Arial,'Segoe UI',Tahoma,sans-serif !important;
  letter-spacing:.4px !important;word-spacing:1.5px !important;
}

html.a11y-stop *,html.a11y-stop *::before,html.a11y-stop *::after{
  animation:none !important;transition:none !important;
  scroll-behavior:auto !important;
}
html.a11y-stop [style*="opacity:0"],html.a11y-stop .rise,
html.a11y-stop .sg-hero .eyebrow,html.a11y-stop .sg-hero h1,
html.a11y-stop .sg-hero p.lead,html.a11y-stop .sg-hero-ctas,
html.a11y-stop .sg-hero-facts,html.a11y-stop .circle-visual{
  opacity:1 !important;transform:none !important;
}

/* כיבוד העדפת מערכת ההפעלה להפחתת תנועה */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;
    animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .rise,.sg-hero .eyebrow,.sg-hero h1,.sg-hero p.lead,
  .sg-hero-ctas,.sg-hero-facts,.circle-visual{opacity:1 !important;transform:none !important}
}

/* ---------- 6. נייד ---------- */
@media (max-width:760px){
  .a11y-btn{width:48px;height:48px;bottom:14px;inset-inline-start:12px}
  .a11y-btn svg{width:27px;height:27px}
  .a11y-panel{bottom:70px;inset-inline-start:12px;width:calc(100vw - 24px);max-width:300px}
  .wa-float{width:50px;height:50px;bottom:14px;inset-inline-end:12px}
  .wa-float svg{width:28px;height:28px}
  .a11y-opt{padding:11px;font-size:15.5px;min-height:44px}
}
@media print{.a11y-btn,.a11y-panel,.a11y-skip,.wa-float{display:none !important}}

/* ==================================================================
   הודעת הקוקיז
   ================================================================== */
.ck-bar{
  position:fixed;inset-inline:0;bottom:0;z-index:99996;
  background:#0E2A3C;color:#fff;border-top:3px solid #F0A868;
  box-shadow:0 -8px 32px rgba(14,42,60,.34);
  font-family:'Assistant',Arial,sans-serif;
  animation:ckUp .32s ease both;
}
@keyframes ckUp{from{transform:translateY(100%)}to{transform:none}}
.ck-bar.ck-hide{transform:translateY(100%);transition:transform .26s ease}
.ck-in{
  max-width:1220px;margin:0 auto;padding:16px 22px;
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;
}
.ck-txt{flex:1;min-width:260px;font-size:15px;line-height:1.65;color:#E6F0F7}
.ck-txt strong{color:#fff;font-weight:700}
.ck-txt a{color:#F5C88F;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ck-btns{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.ck-b{
  font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;
  border-radius:12px;padding:11px 24px;min-height:44px;border:2px solid transparent;
  line-height:1.2;
}
.ck-ok{background:#F0A868;color:#0E2A3C}
.ck-ok:hover{background:#E89A52}
.ck-off{background:transparent;color:#fff;border-color:rgba(255,255,255,.62)}
.ck-off:hover{background:rgba(255,255,255,.14)}

/* בזמן שההודעה מוצגת, הכפתורים הצפים מורמים מעליה */
body.ck-open .a11y-btn{bottom:118px}
body.ck-open .wa-float{bottom:120px}
body.ck-open .a11y-panel{bottom:180px}

@media (max-width:760px){
  .ck-in{padding:14px 16px;gap:12px}
  .ck-txt{font-size:14px;min-width:0}
  .ck-btns{width:100%}
  .ck-b{flex:1;padding:11px 12px;font-size:14.5px}
  body.ck-open .a11y-btn{bottom:186px}
  body.ck-open .wa-float{bottom:188px}
  body.ck-open .a11y-panel{bottom:242px}
}
@media print{.ck-bar{display:none !important}}