/* ============================================================
   KLIENTO — נגישות (ת"י 5568 / WCAG 2.0 AA)
   תפריט נגישות + מצבי תצוגה + מצבי פוקוס נגישים.
   נטען בכל עמודי האתר.
   ============================================================ */

/* ---- Skip link (דילוג לתוכן) ---- */
.a11y-skip{
  position:fixed;top:-100px;right:16px;z-index:2000;
  background:#16242E;color:#fff;padding:12px 20px;border-radius:0 0 10px 10px;
  font-weight:700;font-size:15px;text-decoration:none;
  transition:top .15s ease;
}
.a11y-skip:focus{top:0;outline:3px solid #2DACDF;outline-offset:2px}

/* ---- מצבי פוקוס ברורים לכל אלמנט אינטראקטיבי (חובת WCAG 2.4.7) ---- */
a:focus-visible,button:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,
.a11y-fab:focus-visible{
  outline:3px solid #1E7293 !important;
  outline-offset:2px !important;
  border-radius:6px;
}

/* ============ כפתור פתיחת תפריט הנגישות (FAB) ============ */
.a11y-fab{
  position:fixed;bottom:24px;right:24px;z-index:1500;
  width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;
  background:#1E7293;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(22,36,46,.32);
  transition:transform .15s,box-shadow .15s;
}
.a11y-fab:hover{transform:scale(1.06);box-shadow:0 12px 30px rgba(22,36,46,.4)}
.a11y-fab svg{width:30px;height:30px;display:block}

/* ============ פאנל הנגישות ============ */
.a11y-overlay{
  position:fixed;inset:0;z-index:1600;background:rgba(22,36,46,.45);
  opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;
}
.a11y-overlay.is-open{opacity:1;visibility:visible}

.a11y-panel{
  position:fixed;top:0;right:0;z-index:1700;height:100%;width:330px;max-width:88vw;
  background:#fff;box-shadow:-12px 0 40px rgba(22,36,46,.2);
  transform:translateX(100%);transition:transform .25s ease;
  display:flex;flex-direction:column;
  font-family:'Rubik',-apple-system,'Segoe UI',sans-serif;
  direction:rtl;text-align:right;
}
.a11y-panel.is-open{transform:translateX(0)}

.a11y-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 20px;background:#16242E;color:#fff;flex:0 0 auto;
}
.a11y-header h2{font-size:18px;font-weight:800;margin:0;display:flex;align-items:center;gap:9px}
.a11y-header h2 svg{width:20px;height:20px}
.a11y-close{background:none;border:none;color:#fff;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px}
.a11y-close:hover{background:rgba(255,255,255,.14)}
.a11y-close svg{width:22px;height:22px}

.a11y-body{padding:16px;overflow-y:auto;flex:1}

.a11y-group-title{font-size:12px;font-weight:700;color:#5C6B75;text-transform:uppercase;letter-spacing:.04em;margin:14px 4px 8px}
.a11y-group-title:first-child{margin-top:0}

.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.a11y-btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  padding:14px 8px;border:1.5px solid #E6ECEF;border-radius:12px;background:#fff;
  font:inherit;font-size:13px;font-weight:600;color:#16242E;cursor:pointer;text-align:center;
  transition:border-color .15s,background .15s;
}
.a11y-btn svg{width:22px;height:22px;color:#2691BB}
.a11y-btn:hover{border-color:#7DCBEB;background:#F0F9FD}
.a11y-btn.is-active{border-color:#2DACDF;background:#E0F3FA;color:#1E7293}
.a11y-btn.is-active svg{color:#1E7293}

.a11y-btn-wide{grid-column:1/3;flex-direction:row;justify-content:space-between;padding:13px 16px}
.a11y-btn-wide .a11y-btn-l{display:flex;align-items:center;gap:9px}

.a11y-reset{
  width:100%;margin-top:14px;padding:13px;border:none;border-radius:12px;
  background:#16242E;color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.a11y-reset:hover{background:#2B3A45}
.a11y-reset svg{width:17px;height:17px}

.a11y-statement{
  display:block;margin-top:14px;text-align:center;font-size:13px;
  color:#2691BB;text-decoration:underline;font-weight:600;
}
.a11y-foot{padding:12px 16px;border-top:1px solid #E6ECEF;font-size:11.5px;color:#93A1AB;text-align:center;flex:0 0 auto}

/* ============ מצבי תצוגה (מופעלים על <html>) ============ */

/* ניגודיות גבוהה */
html.a11y-contrast,
html.a11y-contrast body{background:#000 !important;color:#fff !important}
html.a11y-contrast *:not(.a11y-panel):not(.a11y-panel *):not(.a11y-fab):not(.a11y-fab *){
  background-color:#000 !important;color:#fff !important;border-color:#fff !important;
  box-shadow:none !important;text-shadow:none !important;
}
html.a11y-contrast a:not(.a11y-panel *),
html.a11y-contrast .hl,
html.a11y-contrast [class*="kicker"],
html.a11y-contrast [class*="eyebrow"]{color:#ffff00 !important}
html.a11y-contrast img:not(.a11y-panel img){filter:grayscale(1) contrast(1.4)}
html.a11y-contrast .btn,html.a11y-contrast .wa-cta,html.a11y-contrast .wa-float,
html.a11y-contrast .btn--primary{border:2px solid #fff !important}

/* מונוכרום */
html.a11y-mono *:not(.a11y-panel):not(.a11y-panel *):not(.a11y-fab):not(.a11y-fab *){
  filter:grayscale(1) !important;
}

/* הדגשת קישורים */
html.a11y-links a:not(.a11y-panel a):not(.a11y-fab){
  text-decoration:underline !important;text-underline-offset:3px;
  font-weight:700 !important;
}

/* גופן קריא */
html.a11y-readable body,
html.a11y-readable body *:not(.a11y-panel):not(.a11y-panel *):not([class*="mono"]):not(.mono):not(.mono *){
  font-family:Arial,'Segoe UI',Tahoma,sans-serif !important;
  letter-spacing:.01em !important;
}

/* ריווח שורות מוגדל (קריאוּת) */
html.a11y-spacing p,html.a11y-spacing li,html.a11y-spacing .lead,
html.a11y-spacing .svc-text,html.a11y-spacing .why-text,html.a11y-spacing .step-text{
  line-height:2 !important;letter-spacing:.03em !important;word-spacing:.1em !important;
}

/* עצירת אנימציות */
html.a11y-noanim *,html.a11y-noanim *::before,html.a11y-noanim *::after{
  animation:none !important;transition:none !important;scroll-behavior:auto !important;
}
html.a11y-noanim .k-motif{display:none !important}

/* סמן עכבר גדול */
html.a11y-cursor,html.a11y-cursor *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M6 4 L6 38 L15 30 L21 44 L27 41 L21 28 L34 28 Z' fill='%23000' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") 4 4, auto !important;
}

/* כיבוי הבהובים/אנימציה לפי העדפת מערכת */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
}

/* גודל טקסט — מוחל דרך font-size על <html> ב-JS (משתמש ב-rem) */