/* רכיב הנגישות האחיד (a11y-widget.js) באתר מי קדם: הצבעים מ-pick-color.mjs עם הכחול של האתר,
   והמיקום כמו הכפתור הקודם, מעל כפתור ה-WhatsApp, כדי שלא יעלו זה על זה. את קבצי הרכיב עצמם לא משנים. */
:root{--a11y-accent:#0a2348;--a11y-ink:#ffffff;--a11y-accent-panel:#6482ae}
.a11y-root{font-family:'Heebo',Arial,sans-serif}
/* מחשב וטאבלט (מעל 600): כפתור ה-WhatsApp בגודל המלא בפינה, והכפתור הזה מעליו */
.a11y-root .a11y-btn{inset-block-end:100px;inset-inline-end:25px;width:52px;height:52px}
.a11y-root .a11y-panel{inset-block-end:164px;inset-inline-end:25px}
@media(min-width:601px) and (max-width:768px){
  .a11y-root .a11y-btn{inset-block-end:100px;inset-inline-end:25px;width:52px;height:52px}
  .a11y-root .a11y-panel{inset-block-end:164px}
}
/* נייד: מעל ה-WhatsApp הקטן, ועוד קצת גבוה כשפס הכפתורים התחתון מוצג, כדי שלא ייגעו */
@media(max-width:600px){
  .a11y-root .a11y-btn{inset-block-end:80px;inset-inline-end:16px;width:46px;height:46px}
  .a11y-root .a11y-panel{inset-block-end:136px;inset-inline:12px}
  body:has(.mobile-contact-bar.is-visible) .a11y-root .a11y-btn{inset-block-end:94px}
  body:has(.mobile-contact-bar.is-visible) .a11y-root .a11y-panel{inset-block-end:150px}
}
/* באנר העוגיות יושב בתחתית, באותה פינה של הכפתור: עד 768 משאירים לכפתור מקום בצד, כדי שלא יכסה טקסט או קישור */
@media(max-width:768px){
  .consent-banner{padding-inline-end:76px}
}
/* הגדלת הטקסט ברכיב מגדילה את תוכן העמוד (zoom). הכפתורים הצפים, הפס התחתון ובאנר העוגיות
   נשארים בגודל הרגיל, אחרת הם גדלים, עולים זה על זה ויוצאים מהמסך */
html.a11y-text body > :is(.floating-whatsapp,.wa-menu,.back-to-top,.mobile-contact-bar,.consent-banner,.part-pop,.scroll-progress,.skip-link){zoom:1}
/* קו המים בשוליים הוא קישוט שמחושב לפי רוחב השוליים. כשהטקסט מוגדל אין שוליים, אז מסתירים אותו */
html.a11y-text :is(.water-thread,.thread-nav){display:none}
@media print{.a11y-root{display:none}}
