/* ============================================================
   מ. פתרונות לוגיסטיקה — נגישות (ת"י 5568 / WCAG 2.0 AA)
   רכיב נגישות עצמאי, ללא תלות חיצונית. RTL.
   ============================================================ */

/* ---- דילוג לתוכן ---- */
.a11y-skip{position:fixed;top:-120px;right:12px;z-index:2147483646;background:#1a4d5c;color:#fff;
  padding:12px 22px;border-radius:0 0 10px 10px;font:700 16px/1.2 'Heebo',system-ui,Arial,sans-serif;
  text-decoration:none;transition:top .2s ease}
.a11y-skip:focus{top:0;outline:3px solid #d96a3d;outline-offset:2px}

/* ---- מסגרת פוקוס גלובלית (חלה על כל עמוד שטוען קובץ זה) ---- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible,summary:focus-visible{
  outline:3px solid #d96a3d!important;outline-offset:2px!important;border-radius:3px}
:target{scroll-margin-top:90px}

/* ---- כפתור הפעלה צף ♿ ----
   ממוקם באמצע הקצה השמאלי (אנכית) כדי לא להתנגש עם כפתורי יצירת הקשר/וואטסאפ
   הצפים, שיושבים תמיד בפינות התחתונות (ימין או שמאל, משתנה בין עמודים). */
.a11y-root{font-family:'Heebo',system-ui,Arial,sans-serif}
.a11y-btn{position:fixed;top:50%;left:14px;transform:translateY(-50%);z-index:2147483645;
  width:54px;height:54px;border-radius:50%;
  background:#1a4d5c;color:#fff;border:3px solid #fff;box-shadow:0 6px 20px rgba(0,0,0,.28);cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;transition:transform .15s,background .2s}
.a11y-btn:hover{background:#0f3540;transform:translateY(-50%) scale(1.07)}
.a11y-btn:focus-visible{outline:3px solid #d96a3d;outline-offset:3px}
.a11y-btn svg{width:29px;height:29px;fill:#fff}
@media(max-width:600px){.a11y-btn{width:48px;height:48px;left:10px}.a11y-btn svg{width:25px;height:25px}}

/* ---- פאנל (נפתח בצד שמאל, ממורכז אנכית) ---- */
.a11y-panel{position:fixed;top:50%;left:14px;transform:translateY(-50%);z-index:2147483645;
  width:312px;max-width:calc(100vw - 28px);
  max-height:88vh;overflow-y:auto;background:#fff;color:#16313a;border-radius:16px;
  box-shadow:0 12px 44px rgba(0,0,0,.32);padding:18px 16px 16px;direction:rtl;display:none}
.a11y-panel.open{display:block}
@media(max-width:600px){.a11y-panel{left:10px}}
.a11y-panel h2{font-size:17px;margin:0 0 2px;color:#1a4d5c;display:flex;align-items:center;gap:8px}
.a11y-sub{font-size:11.5px;color:#5a6b72;margin:0 0 12px}
.a11y-close{position:absolute;top:10px;left:12px;background:none;border:none;font-size:24px;line-height:1;
  color:#5a6b72;cursor:pointer;padding:2px 6px}
.a11y-close:hover{color:#16313a}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#f4f1ea;
  border:2px solid transparent;border-radius:11px;padding:11px 6px;font:600 12.5px/1.25 inherit;color:#16313a;
  cursor:pointer;text-align:center;min-height:66px}
.a11y-opt:hover{background:#e9e4d8}
.a11y-opt[aria-pressed="true"]{border-color:#d96a3d;background:#fff7f3;color:#b24a22}
.a11y-opt .ico{font-size:21px;line-height:1}
.a11y-zoom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;background:#f4f1ea;
  border-radius:11px;padding:8px 12px;gap:8px}
.a11y-zoom button{width:36px;height:36px;border-radius:9px;border:none;background:#1a4d5c;color:#fff;font-size:20px;
  font-weight:700;cursor:pointer;flex-shrink:0}
.a11y-zoom button:hover{background:#0f3540}
.a11y-zoom .zlbl{font-weight:700;font-size:13px;text-align:center;flex:1}
.a11y-zoom .zlbl small{display:block;font-weight:600;font-size:10.5px;color:#5a6b72}
.a11y-reset{grid-column:1/-1;margin-top:2px;background:#fbeae2;color:#b24a22;border:none;border-radius:11px;
  padding:11px;font:700 13px inherit;cursor:pointer}
.a11y-reset:hover{background:#f6dccf}
.a11y-foot{grid-column:1/-1;text-align:center;margin-top:8px;font-size:12px;color:#5a6b72;
  border-top:1px solid #eee;padding-top:10px}
.a11y-foot a{color:#1a4d5c;font-weight:700}

/* ============================================================
   מצבי התאמה — מוחלים על <body> (הוידג'ט יושב על <html> ולכן
   אינו מושפע מהפילטרים/זום).
   ============================================================ */
body.a11y-contrast{filter:contrast(1.35) saturate(1.25)}
body.a11y-gray{filter:grayscale(1)}
body.a11y-invert{filter:invert(1) hue-rotate(180deg)}
body.a11y-invert img,body.a11y-invert video,body.a11y-invert picture,
body.a11y-invert [style*="background-image"]{filter:invert(1) hue-rotate(180deg)}

body.a11y-links a{text-decoration:underline!important;text-underline-offset:2px}
body.a11y-links a:hover,body.a11y-links a:focus{outline:2px dashed currentColor;outline-offset:2px}

body.a11y-readable,body.a11y-readable *{font-family:Arial,'Heebo','Segoe UI',sans-serif!important;
  letter-spacing:.4px!important;line-height:1.85!important}
body.a11y-readable p,body.a11y-readable li{word-spacing:3px!important}

body.a11y-noanim *,body.a11y-noanim *::before,body.a11y-noanim *::after{
  animation:none!important;transition:none!important;scroll-behavior:auto!important}

body.a11y-cursor,body.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='M8 4l28 17-11 2.5-3 11z' fill='%23000' stroke='%23fff' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 8 4,auto!important}