/* ============================================================
   שירלי שהדי — תפריט נגישות
   כלי העדפות משתמש בלבד (ת"י 5568 / תקנה 35).
   הרכיב אינו משנה את תוכן הדף, אינו מייצר טקסט חלופי
   ואינו "מתקן" נגישות אוטומטית — הוא מחיל העדפות תצוגה בלבד.
   ============================================================ */

:root{
  --a11y-ts:1;          /* מכפיל גודל טקסט */
  --a11y-lh:inherit;    /* ריווח שורות */
  --a11y-accent:#74624D;
  --a11y-accent-dark:#5C4C3A;
  --a11y-ink:#3F352C;
  --a11y-surface:#FFFFFF;
  --a11y-line:#E4DCD0;
}

/* ============================================================
   1. כפתור הפעלה צף
   ============================================================ */
/* צמוד לקצה השמאלי, ממורכז אנכית, נשאר במקומו בגלילה */
#a11y-trigger{
  position:fixed;
  left:0;
  top:50%;
  transform:translateY(-50%);
  z-index:1000;
  width:48px;
  height:48px;
  padding:0;
  border:none;
  border-radius:0 5px 5px 0;      /* פינות מעוגלות רק בצד הפונה פנימה */
  background:var(--a11y-ink);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 18px rgba(63,53,44,.3);
  transition:transform .3s cubic-bezier(.4,0,.2,1), background .3s;
}
#a11y-trigger:hover{background:#2B231C;transform:translateY(-50%) scale(1.07)}
#a11y-trigger:focus-visible{outline:3px solid var(--a11y-accent);outline-offset:3px}
#a11y-trigger svg{width:29px;height:29px;display:block}

@media(max-width:560px){
  /* 44×44 — מידת יעד המגע המינימלית המומלצת */
  #a11y-trigger{width:44px;height:44px}
  #a11y-trigger svg{width:27px;height:27px}
}

/* ============================================================
   2. פאנל ההעדפות — רשימה צרה וקומפקטית
   ============================================================ */
#a11y-panel{
  position:fixed;
  left:-240px;                  /* מצב סגור — מחוץ למסך משמאל */
  top:50%;
  transform:translateY(-50%);
  visibility:hidden;
  z-index:1001;
  width:196px;
  /* גבוה מספיק כדי שכל הפריטים ייכנסו בלי גלילה במסך רגיל */
  max-height:calc(100vh - 32px);
  overflow-y:auto;
  background:var(--a11y-surface);
  border:1px solid #D9D2C7;
  border-radius:4px;
  box-shadow:0 10px 34px rgba(63,53,44,.2);
  padding:12px 0 9px;
  font-family:'Heebo',Arial,sans-serif;
  direction:rtl;
  text-align:right;
  /* החלקה פנימה והחוצה מהצד */
  transition:left .75s cubic-bezier(.23,1,.32,1), visibility 0s linear .75s;
}
#a11y-panel.is-open{
  left:58px;                    /* צמוד לימין הכפתור */
  visibility:visible;
  transition:left .75s cubic-bezier(.23,1,.32,1), visibility 0s;
}

@media(max-width:560px){
  #a11y-panel{max-height:calc(100vh - 24px)}
  #a11y-panel.is-open{left:50px}
}

/* ---- כותרת ---- */
.a11y-panel-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:0 14px 8px;
}
.a11y-panel-head h2{
  font-family:'Heebo',Arial,sans-serif;
  font-size:14.5px;font-weight:600;color:var(--a11y-ink);
  margin:0;line-height:1.3;
}
.a11y-close{
  width:24px;height:24px;flex:0 0 auto;
  border:none;border-radius:4px;
  background:transparent;color:#8A7F70;
  font-size:15px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,color .2s;
}
.a11y-close:hover{background:#F1ECE4;color:var(--a11y-ink)}
.a11y-close:focus-visible{outline:2px solid var(--a11y-accent);outline-offset:1px}

/* ---- רשימת הפעולות ---- */
.a11y-list{display:flex;flex-direction:column}

.a11y-item{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  width:100%;
  padding:6px 14px;
  background:transparent;
  border:none;
  cursor:pointer;
  font-family:'Heebo',Arial,sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  color:#4A4036;
  text-align:right;
  transition:background .2s,color .2s;
}
.a11y-item .a11y-item-label{flex:1 1 auto;text-align:right}
.a11y-item svg{
  width:16px;height:16px;flex:0 0 auto;order:2;
  fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.a11y-item:hover{background:#F6F2EC;color:var(--a11y-ink)}
.a11y-item:focus-visible{outline:2px solid var(--a11y-accent);outline-offset:-2px}

/* חלקי אייקון מלאים (סמן עכבר, חצי עיגול הניגודיות) */
.a11y-item svg .fil{fill:currentColor;stroke:none}

/* מצב פעיל */
.a11y-item[aria-pressed="true"]{
  background:#F1EBE2;
  color:var(--a11y-accent-dark);
  font-weight:500;
}
.a11y-item[aria-pressed="true"] .a11y-item-label::after{
  content:'';display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--a11y-accent);margin-inline-start:7px;vertical-align:middle;
}

/* כפתור מושבת (הגדלה/הקטנה בקצה הטווח) */
.a11y-item[aria-disabled="true"]{opacity:.38;cursor:default}
.a11y-item[aria-disabled="true"]:hover{background:transparent;color:#4A4036}

/* ערך נוכחי ליד התווית */
.a11y-item .a11y-item-value{
  font-size:11px;color:var(--a11y-accent);font-weight:500;flex:0 0 auto;order:1;
}

/* ---- תחתית ---- */
.a11y-sep{height:1px;background:#EDE7DD;margin:5px 14px}

.a11y-foot{padding:6px 14px 0;border-top:1px solid #EDE7DD;margin-top:5px}
.a11y-statement{
  display:block;
  font-family:'Heebo',Arial,sans-serif;font-size:11px;
  color:#8A7F70;text-decoration:underline;line-height:1.4;
}
.a11y-statement:hover{color:var(--a11y-accent-dark)}

/* אזור הכרזות לקוראי מסך */
.a11y-sr-only{
  position:absolute!important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ============================================================
   3. הגדלת טקסט
   המכפיל מוחל על גדלי הטקסט המקוריים כדי לא לשבור את הפריסה.
   אייקונים ואלמנטים דקורטיביים נשארים בגודלם.
   ============================================================ */
html.a11y-text-115{--a11y-ts:1.15}
html.a11y-text-130{--a11y-ts:1.30}
html.a11y-text-150{--a11y-ts:1.50}

html[class*="a11y-text-"] body{font-size:calc(17px * var(--a11y-ts))}

html[class*="a11y-text-"] .eyebrow,
html[class*="a11y-text-"] .hero-eyebrow-top{font-size:calc(13px * var(--a11y-ts))}
html[class*="a11y-text-"] .h-title{font-size:calc(clamp(28px,4vw,44px) * var(--a11y-ts))}
html[class*="a11y-text-"] .lead{font-size:calc(16px * var(--a11y-ts))}
html[class*="a11y-text-"] .btn{font-size:calc(15px * var(--a11y-ts))}
html[class*="a11y-text-"] .nav-links a{font-size:calc(18px * var(--a11y-ts))}
html[class*="a11y-text-"] .nav-phone{font-size:calc(14px * var(--a11y-ts))}
html[class*="a11y-text-"] .hero h1{font-size:calc(clamp(40px,6.5vw,72px) * var(--a11y-ts))}
html[class*="a11y-text-"] .hero-eyebrow{font-size:calc(clamp(16px,1.8vw,20px) * var(--a11y-ts))}
html[class*="a11y-text-"] .hero-quote{font-size:calc(19px * var(--a11y-ts))}
html[class*="a11y-text-"] .stat .num{font-size:calc(clamp(34px,4vw,46px) * var(--a11y-ts))}
html[class*="a11y-text-"] .stat .lab{font-size:calc(11px * var(--a11y-ts))}
html[class*="a11y-text-"] .svc-card h3{font-size:calc(22px * var(--a11y-ts))}
html[class*="a11y-text-"] .svc-card p{font-size:calc(15px * var(--a11y-ts))}
html[class*="a11y-text-"] .filter{font-size:calc(15px * var(--a11y-ts))}
html[class*="a11y-text-"] .port-overlay .cat{font-size:calc(10px * var(--a11y-ts))}
html[class*="a11y-text-"] .port-overlay .name{font-size:calc(19px * var(--a11y-ts))}
html[class*="a11y-text-"] .testi-text{font-size:calc(clamp(20px,2.6vw,28px) * var(--a11y-ts))}
html[class*="a11y-text-"] .testi-author{font-size:calc(12px * var(--a11y-ts))}
html[class*="a11y-text-"] .channel span{font-size:calc(16px * var(--a11y-ts))}
html[class*="a11y-text-"] .form h3{font-size:calc(22px * var(--a11y-ts))}
html[class*="a11y-text-"] .form .sub{font-size:calc(14px * var(--a11y-ts))}
html[class*="a11y-text-"] .field label{font-size:calc(11px * var(--a11y-ts))}
html[class*="a11y-text-"] .field input,
html[class*="a11y-text-"] .field select,
html[class*="a11y-text-"] .field textarea{font-size:calc(16px * var(--a11y-ts))}
html[class*="a11y-text-"] .form-note{font-size:calc(13px * var(--a11y-ts))}
html[class*="a11y-text-"] .footer-tag{font-size:calc(16px * var(--a11y-ts))}
html[class*="a11y-text-"] .footer-contact{font-size:calc(14px * var(--a11y-ts))}
html[class*="a11y-text-"] .footer-copy{font-size:calc(13px * var(--a11y-ts))}
html[class*="a11y-text-"] .footer-legal-links{font-size:calc(13px * var(--a11y-ts))}
html[class*="a11y-text-"] .feature-list li{font-size:calc(14px * var(--a11y-ts))}
html[class*="a11y-text-"] .why-card h3{font-size:calc(19px * var(--a11y-ts))}
html[class*="a11y-text-"] .why-card p{font-size:calc(14px * var(--a11y-ts))}
html[class*="a11y-text-"] .ba-intro{font-size:calc(15px * var(--a11y-ts))}
html[class*="a11y-text-"] .ba-cap{font-size:calc(16px * var(--a11y-ts))}
html[class*="a11y-text-"] .ba-tag{font-size:calc(15px * var(--a11y-ts))}
html[class*="a11y-text-"] .cookie-text{font-size:calc(14px * var(--a11y-ts))}
html[class*="a11y-text-"] .cookie-btn{font-size:calc(14px * var(--a11y-ts))}
html[class*="a11y-text-"] .skip-link{font-size:calc(14px * var(--a11y-ts))}
html[class*="a11y-text-"] .legal-back{font-size:calc(15px * var(--a11y-ts))}
html[class*="a11y-text-"] .legal-page h2{font-size:calc(21px * var(--a11y-ts))}
html[class*="a11y-text-"] .legal-page p,
html[class*="a11y-text-"] .legal-page li{font-size:calc(16px * var(--a11y-ts))}
html[class*="a11y-text-"] .legal-updated,
html[class*="a11y-text-"] .legal-note{font-size:calc(13px * var(--a11y-ts))}

/* הפאנל עצמו לא גדל יחד עם הדף — כדי שיישאר שמיש */
html[class*="a11y-text-"] .a11y-panel-head h2{font-size:14.5px}
html[class*="a11y-text-"] .a11y-item{font-size:13px}
html[class*="a11y-text-"] .a11y-item .a11y-item-value{font-size:11px}
html[class*="a11y-text-"] .a11y-statement{font-size:11px}

/* ============================================================
   4. ריווח שורות
   ============================================================ */
html.a11y-lines-16{--a11y-lh:1.6}
html.a11y-lines-20{--a11y-lh:2}

html[class*="a11y-lines-"] p,
html[class*="a11y-lines-"] li,
html[class*="a11y-lines-"] .lead,
html[class*="a11y-lines-"] .hero-quote,
html[class*="a11y-lines-"] .testi-text,
html[class*="a11y-lines-"] .why-card p,
html[class*="a11y-lines-"] .svc-card p,
html[class*="a11y-lines-"] .feature-list li,
html[class*="a11y-lines-"] .legal-page p,
html[class*="a11y-lines-"] .legal-page li,
html[class*="a11y-lines-"] .cookie-text,
html[class*="a11y-lines-"] .footer-tag,
html[class*="a11y-lines-"] .channel span{line-height:var(--a11y-lh)!important}
html[class*="a11y-lines-"] #a11y-panel p,
html[class*="a11y-lines-"] #a11y-panel li{line-height:1.5!important}

/* ============================================================
   5. גופן קריא (מערכת בלבד — ללא טעינת גופן חדש)
   מוחרגים אלמנטי <i> כדי לא לשבור את גופן האייקונים
   ============================================================ */
html.a11y-readable-font body,
html.a11y-readable-font body *:not(i){
  font-family:Arial,'Segoe UI',Tahoma,'Noto Sans Hebrew',sans-serif!important;
  letter-spacing:normal!important;
}

/* ============================================================
   6. הדגשת קישורים
   ============================================================ */
html.a11y-links a:not(.btn):not(#a11y-trigger){
  text-decoration:underline!important;
  text-underline-offset:3px;
  text-decoration-thickness:2px!important;
  background:rgba(116,98,77,.1);
  box-shadow:0 0 0 1px rgba(116,98,77,.45);
  border-radius:2px;
}
html.a11y-links a.btn{
  box-shadow:0 0 0 2px var(--a11y-accent-dark);
  text-decoration:underline!important;
}
/* הפאנל עצמו נשאר נקי */
html.a11y-links #a11y-panel a{background:none;box-shadow:none}

/* ============================================================
   7. הדגשת כותרות
   ============================================================ */
html.a11y-headings h1,
html.a11y-headings h2,
html.a11y-headings h3,
html.a11y-headings h4{
  outline:2px dashed var(--a11y-accent);
  outline-offset:5px;
  background:rgba(116,98,77,.07);
}
html.a11y-headings #a11y-panel h2{outline:none;background:none}

/* ============================================================
   8. ניגודיות
   ============================================================ */
/* 8א. ניגודיות גבוהה — דריסת משתני הצבע של האתר */
html.a11y-contrast-high{
  --espresso:#000;
  --espresso-soft:#000;
  --text:#000;
  --text-soft:#1C1C1C;
  --clay:#5A3A00;
  --clay-dark:#3D2700;
  --sand:#6B6B6B;
  --cream:#FFF;
  --cream-light:#FFF;
  --white:#FFF;
  --line:#6B6B6B;
}
html.a11y-contrast-high body{background:#fff}
html.a11y-contrast-high .hero-bg::after{
  background:linear-gradient(285deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.88) 45%,rgba(255,255,255,.98) 80%,#fff 100%)!important;
}
html.a11y-contrast-high .head .bg-word{color:#E6E6E6}
html.a11y-contrast-high .port-overlay{
  background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.35) 45%,transparent 70%)!important;
}

/* 8ב. היפוך צבעים */
html.a11y-contrast-invert{filter:invert(1) hue-rotate(180deg);background:#000}
html.a11y-contrast-invert img,
html.a11y-contrast-invert video,
html.a11y-contrast-invert iframe{filter:invert(1) hue-rotate(180deg)}

/* 8ג. גווני אפור */
html.a11y-contrast-mono{filter:grayscale(1)}

/* 8ד. הרכיב עצמו חייב להישאר קריא כדי שניתן יהיה לכבות את המצב */
html.a11y-contrast-invert #a11y-panel,
html.a11y-contrast-invert #a11y-trigger{filter:invert(1) hue-rotate(180deg)}
html.a11y-contrast-mono #a11y-panel,
html.a11y-contrast-mono #a11y-trigger{filter:grayscale(0)}

/* ============================================================
   9. סמן עכבר
   ============================================================ */
html.a11y-cursor-large,
html.a11y-cursor-large *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M4 1.5 L4 19 L8.6 14.6 L11.7 21.8 L14.9 20.4 L11.8 13.4 L18.2 13.4 Z' fill='%23fff' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") 2 2,auto!important;
}
html.a11y-cursor-black,
html.a11y-cursor-black *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath d='M4 1.5 L4 19 L8.6 14.6 L11.7 21.8 L14.9 20.4 L11.8 13.4 L18.2 13.4 Z' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E") 2 2,auto!important;
}
html.a11y-cursor-large.a11y-cursor-black,
html.a11y-cursor-large.a11y-cursor-black *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 24 24'%3E%3Cpath d='M4 1.5 L4 19 L8.6 14.6 L11.7 21.8 L14.9 20.4 L11.8 13.4 L18.2 13.4 Z' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E") 2 2,auto!important;
}

/* ============================================================
   10. עצירת אנימציות
   ============================================================ */
html.a11y-no-motion *,
html.a11y-no-motion *::before,
html.a11y-no-motion *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  transition-duration:.001ms!important;
  scroll-behavior:auto!important;
}
html.a11y-no-motion{scroll-behavior:auto!important}
html.a11y-no-motion .reveal{opacity:1!important;transform:none!important}
html.a11y-no-motion .scroll-hint{animation:none!important}

/* ============================================================
   11. הדפסה — איפוס כל ההעדפות
   ============================================================ */
@media print{
  html[class*="a11y-"]{filter:none!important}
  html[class*="a11y-text-"] body{font-size:17px!important}
  html[class*="a11y-lines-"] p,
  html[class*="a11y-lines-"] li{line-height:normal!important}
  html.a11y-links a{background:none!important;box-shadow:none!important}
  html.a11y-headings h1,
  html.a11y-headings h2,
  html.a11y-headings h3,
  html.a11y-headings h4{outline:none!important;background:none!important}
  #a11y-trigger,#a11y-panel{display:none!important}
}