/* ==========================================================================
   VALUES — נגישות, הסכמה למדיניות והודעת עיכוב
   שלושתם יושבים מעל כל עמוד, ולכן הם מרוכזים בקובץ אחד.
   ========================================================================== */

/* ═══════════════════════════════ נגישות ═══════════════════════════════ */
/* הכפתור בצד שממול לכפתורים הצפים — שתי קבוצות באותה פינה מסתירות
   זו את זו, וכפתור נגישות שאי אפשר ללחוץ עליו הוא גרוע מכלום. */
.a11y-btn{
  position:fixed;inset-inline-start:1rem;bottom:1rem;z-index:120;
  width:48px;height:48px;border-radius:50%;
  background:var(--navy);color:#fff;display:grid;place-items:center;
  box-shadow:0 10px 26px -10px rgba(11,31,58,.6);
  transition:transform .2s var(--ease),background-color .2s var(--ease);
}
.a11y-btn svg{width:24px;height:24px}
.a11y-btn:hover{background:var(--navy-2,#14293F);transform:scale(1.06)}
.a11y-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.a11y{
  position:fixed;inset-inline-start:1rem;bottom:4.6rem;z-index:121;
  width:min(320px,calc(100vw - 2rem));background:#fff;
  border:1px solid var(--line);border-radius:var(--r-m);
  box-shadow:0 24px 60px -20px rgba(11,31,58,.45);
  padding:1rem;display:grid;gap:.9rem;
}
.a11y[hidden]{display:none}
.a11y__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.a11y__title{font-size:var(--step-0);color:var(--navy);margin:0}
.a11y__x{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--ink-2)}
.a11y__x svg{width:15px;height:15px}
.a11y__x:hover{background:var(--wash);color:var(--navy)}

.a11y__row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  font-size:var(--step--1);color:var(--ink-2)}
.a11y__steps{display:flex;align-items:center;gap:.4rem}
.a11y__steps button{
  width:32px;height:32px;border-radius:var(--r-s);border:1px solid var(--line);
  color:var(--navy);font-size:1.05rem;line-height:1;display:grid;place-items:center;
}
.a11y__steps button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.a11y__steps b{min-width:3.4em;text-align:center;font-size:var(--step--1);color:var(--navy)}

.a11y__grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.a11y__grid button{
  padding:.55rem .5rem;border-radius:var(--r-s);border:1px solid var(--line);
  font-size:var(--step--2);font-weight:600;color:var(--navy);text-align:center;line-height:1.3;
  transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease);
}
.a11y__grid button:hover{border-color:var(--navy)}
.a11y__grid button.is-on{background:var(--navy);color:#fff;border-color:var(--navy)}
.a11y__reset{grid-column:1 / -1;color:var(--ink-2)!important;border-style:dashed!important}
.a11y__decl{font-size:var(--step--2);color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.a11y__decl:hover{color:var(--navy)}

@media (max-width:560px){
  .a11y-btn{inset-inline-start:.7rem;bottom:.7rem;width:44px;height:44px}
  .a11y{inset-inline:.7rem;width:auto;bottom:4rem}
}

/* ---- ההתאמות עצמן. הכול נתלה ב-data על ה-html ולכן ניתן לכיבוי מלא ---- */
html[data-a11y-contrast="1"]{filter:contrast(1.35)}
html[data-a11y-links="1"] a:not(.btn):not(.ibtn){
  text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px;
}
html[data-a11y-motion="1"] *,
html[data-a11y-motion="1"] *::before,
html[data-a11y-motion="1"] *::after{
  animation-duration:.001ms!important;animation-iteration-count:1!important;
  transition-duration:.001ms!important;scroll-behavior:auto!important;
}
html[data-a11y-readable="1"] body,
html[data-a11y-readable="1"] body *{
  font-family:Arial,"Helvetica Neue",sans-serif!important;letter-spacing:.01em;
}
html[data-a11y-cursor="1"],html[data-a11y-cursor="1"] *{
  cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'><path d='M5 2 32 19 19 21 15 34z' fill='white' stroke='black' stroke-width='2.5' stroke-linejoin='round'/></svg>") 4 2,auto!important;
}

/* ═══════════════════════════ הסכמה למדיניות ═══════════════════════════ */
/* רצועה ולא חלון חוסם: חסימת הכניסה לאתר בגלל עוגיות מרחיקה יותר ממה
   שהיא מגנה, והיא גם דוחפת את הודעת המשלוחים אל מחוץ למסך. */
.consent{
  position:fixed;inset-inline:0;bottom:0;z-index:130;
  background:var(--navy);color:#fff;
  border-top:1px solid rgba(240,196,106,.28);
  transform:translateY(100%);transition:transform .3s var(--ease);
}
.consent[hidden]{display:none}
.consent.is-on{transform:none}
.consent__in{
  max-width:var(--wrap,1360px);margin-inline:auto;padding:.9rem clamp(1rem,4vw,2rem);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.4rem;
}
.consent__txt{margin:0;font-size:var(--step--1);color:#D7DEE8;line-height:1.6;max-width:70ch}
.consent__links{display:inline-flex;flex-wrap:wrap;gap:.2rem .9rem;margin-inline-start:.5rem}
.consent__links a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.consent__links a:hover{color:var(--gold-2,#FFD98A)}
.consent__acts{display:flex;align-items:center;gap:.8rem;flex:none}
.consent__acts .btn{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.consent__acts .btn:hover{background:#FFD98A;color:var(--navy)}
.consent__later{font-size:var(--step--2);color:#A9B6C8;text-decoration:underline;text-underline-offset:3px}
.consent__later:hover{color:#fff}
@media (max-width:640px){
  .consent__in{flex-direction:column;align-items:stretch;text-align:start}
  .consent__acts{justify-content:space-between}
  .consent__acts .btn{flex:1}
}

/* ══════════════════════════ הודעת עיכוב באספקה ══════════════════════════ */
/* הנוסח והצורה של האתר החי (סניפט 46), מותאמים לטוקנים של התבנית. */
.dly{
  position:fixed;inset:0;z-index:140;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(6,15,28,.62);
  opacity:0;pointer-events:none;transition:opacity .25s var(--ease);
}
.dly[hidden]{display:none!important}
.dly.is-on{opacity:1;pointer-events:auto}
.dly__card{
  position:relative;width:100%;max-width:460px;background:#fff;border-radius:var(--r-l);
  box-shadow:0 24px 60px rgba(6,15,28,.35);text-align:center;overflow:hidden;
  transform:translateY(14px) scale(.985);transition:transform .25s var(--ease);
}
.dly.is-on .dly__card{transform:none}

.dly__head{background:var(--navy);color:#fff;padding:1.5rem 1.25rem 1.25rem}
.dly__ico{display:grid;place-items:center;width:46px;height:46px;margin:0 auto .6rem;
  border-radius:50%;background:rgba(240,196,106,.14);color:var(--gold)}
.dly__ico svg{width:24px;height:24px}
.dly__head h2{margin:0;font-size:var(--step-2);line-height:1.3;color:#fff}
.dly__sub{margin:.35rem 0 0;font-size:var(--step--1);color:var(--gold);font-weight:700}
.dly__x{position:absolute;inset-inline-end:.6rem;top:.5rem;color:#fff;opacity:.6;
  font-size:1.5rem;line-height:1;padding:.2rem .55rem;border-radius:var(--r-s)}
.dly__x:hover{opacity:1}

.dly__body{padding:1.25rem 1.5rem 1.4rem}
.dly__body p{margin:0 0 1rem;font-size:var(--step--1);line-height:1.65;color:var(--ink)}
.dly__body strong{color:var(--navy)}
.dly__cta{
  display:block;background:var(--gold);color:var(--navy);border-radius:var(--r-s);
  padding:.8rem 1.25rem;font-size:var(--step-0);font-weight:800;
}
.dly__cta:hover{background:#FFD98A;color:var(--navy)}
.dly__note{
  margin:1rem 0 0;padding:.7rem .9rem;background:var(--wash);border-radius:var(--r-s);
  font-size:var(--step--2);line-height:1.6;color:var(--ink-2);text-align:start;
}
.dly__ok{
  display:inline-block;margin-top:.9rem;color:var(--ink-2);
  padding:.4rem .75rem;font-size:var(--step--1);font-weight:600;
  text-decoration:underline;text-underline-offset:3px;
}
.dly__ok:hover{color:var(--navy)}
.dly__ok.is-primary{
  background:var(--navy);color:#fff;border-radius:var(--r-s);padding:.75rem 1.9rem;
  text-decoration:none;font-weight:700;
}
.dly__ok.is-primary:hover{background:#14293F;color:#fff}
@media (max-width:600px){
  .dly__card{max-width:none}
  .dly__head h2{font-size:var(--step-1)}
  .dly__body{padding:1.1rem 1.1rem 1.25rem}
}
