/* ============================================================================
   What's Next — legal.css
   סטיילים לבאנר העוגיות (Cookie Consent) + תוסף הנגישות (A11y widget).
   פרימיום · deep-space · glass · neon · RTL · נגיש (WCAG 2.0 AA / ת"י 5568).
   ----------------------------------------------------------------------------
   קובץ זה מסגנן אך ורק את שני הווידג'טים שמזריק js/compliance.js.
   אינו מסגנן את גוף העמודים המשפטיים (privacy/terms/accessibility).
   כל הצריכה דרך var(--...) מ-tokens.css. ה-DOM מוזרק ע"י compliance.js.
   ============================================================================ */

/* ============================================================================
   0. בסיס משותף לשני הווידג'טים
   ============================================================================ */
.wn-cc-root,
.wn-a11y-root {
  font-family: var(--font-sans, "Heebo", system-ui, sans-serif);
  direction: rtl;
  text-align: right;
  color: var(--ink-100, #dfe6fb);
  line-height: var(--lh-normal, 1.55);
  -webkit-font-smoothing: antialiased;
  font-size: var(--fs-sm, 0.95rem);
}

.wn-cc-root *,
.wn-a11y-root * {
  box-sizing: border-box;
}

/* focus נגיש אחיד — ניגודיות גבוהה, עוקב אחרי האקסנט הפעיל */
.wn-cc-root :focus-visible,
.wn-a11y-root :focus-visible {
  outline: 2px solid var(--cyan, #2de2ff);
  outline-offset: 2px;
  border-radius: var(--radius-sm, 10px);
}

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

/* ============================================================================
   1. באנר העוגיות — Cookie Consent (RTL, glass, deep-space)
   ============================================================================ */
.wn-cc-banner {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 2147483600; /* גבוה מאוד — מעל כל תוכן/קנבס/מודאלים */
  display: flex;
  justify-content: center;
  padding: clamp(0.75rem, 0.4rem + 1.6vw, 1.5rem);
  pointer-events: none; /* הקופסה הפנימית מקבלת אירועים */
}

.wn-cc-banner[hidden] { display: none; }

.wn-cc-card {
  pointer-events: auto;
  width: min(960px, 100%);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(0.75rem, 0.5rem + 1vw, 1.5rem);
  padding: clamp(1rem, 0.7rem + 1.2vw, 1.5rem) clamp(1.1rem, 0.8rem + 1.4vw, 1.75rem);
  border-radius: var(--radius-lg, 24px);
  background:
    var(--grad-surface, linear-gradient(160deg, rgba(255 255 255 / 0.06), rgba(255 255 255 / 0))),
    rgba(10 14 32 / 0.82); /* space-100 שקוף */
  border: 1px solid var(--glass-border, rgba(255 255 255 / 0.12));
  -webkit-backdrop-filter: var(--glass-blur, blur(18px) saturate(160%));
  backdrop-filter: var(--glass-blur, blur(18px) saturate(160%));
  box-shadow:
    var(--shadow-lg, 0 24px 60px -16px rgba(0 0 0 / 0.65)),
    var(--edge-light, inset 0 1px 0 rgba(255 255 255 / 0.14));
  position: relative;
  overflow: hidden;
  animation: wn-cc-rise var(--dur-slow, 520ms) var(--ease-out-expo, cubic-bezier(0.16,1,0.3,1)) both;
}

/* קו אורורה זוהר בקצה העליון של הכרטיס */
.wn-cc-card::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  height: 1px;
  background: var(--grad-aurora, linear-gradient(120deg, #2de2ff, #9b5cff, #ff4dd2));
  opacity: 0.85;
}

@keyframes wn-cc-rise {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

.wn-cc-text {
  flex: 1 1 320px;
  min-width: 0;
}

.wn-cc-title {
  margin: 0 0 0.35em;
  font-family: var(--font-display, "Space Grotesk", sans-serif);
  font-size: var(--fs-md, 1.2rem);
  font-weight: var(--fw-semibold, 600);
  color: var(--ink-0, #f4f7ff);
  letter-spacing: var(--tracking-tight, -0.02em);
}

.wn-cc-desc {
  margin: 0;
  font-size: var(--fs-sm, 0.95rem);
  color: var(--ink-200, #b3bee0);
  line-height: var(--lh-normal, 1.55);
}

.wn-cc-desc a {
  color: var(--cyan, #2de2ff);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  transition: color var(--dur-fast, 160ms) var(--ease-smooth, ease);
}
.wn-cc-desc a:hover { color: var(--cyan-bright, #7af2ff); }

.wn-cc-actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
}

/* ---- כפתורים משותפים ---- */
.wn-btn {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: var(--radius-pill, 999px);
  padding: 0.65em 1.4em;
  font-family: var(--font-sans, "Heebo", sans-serif);
  font-size: var(--fs-sm, 0.95rem);
  font-weight: var(--fw-semibold, 600);
  line-height: 1;
  white-space: nowrap;
  transition:
    transform var(--dur-fast, 160ms) var(--ease-out-back, cubic-bezier(0.34,1.56,0.64,1)),
    box-shadow var(--dur-base, 280ms) var(--ease-smooth, ease),
    background var(--dur-base, 280ms) var(--ease-smooth, ease),
    border-color var(--dur-base, 280ms) var(--ease-smooth, ease),
    color var(--dur-base, 280ms) var(--ease-smooth, ease);
}
.wn-btn:active { transform: translateY(1px) scale(0.98); }

/* ראשי — קבל הכל */
.wn-btn--primary {
  color: var(--on-accent, #051018);
  background: var(--grad-glow, linear-gradient(135deg, #2de2ff, #9b5cff));
  box-shadow: var(--glow-cta, 0 8px 24px -6px rgba(45 226 255 / 0.5));
  font-weight: var(--fw-bold, 700);
}
.wn-btn--primary:hover {
  box-shadow: var(--glow-cta-hover, 0 10px 30px -6px rgba(45 226 255 / 0.7));
  transform: translateY(-1px);
}

/* משני — דחייה / חיוני בלבד */
.wn-btn--ghost {
  color: var(--ink-100, #dfe6fb);
  background: rgba(255 255 255 / 0.05);
  border-color: var(--glass-border, rgba(255 255 255 / 0.12));
}
.wn-btn--ghost:hover {
  background: var(--surface-hover, rgba(255 255 255 / 0.08));
  border-color: var(--border-hover, rgba(45 226 255 / 0.3));
  color: var(--ink-0, #f4f7ff);
}

/* רספונסיב — מובייל: כפתורים ברוחב מלא */
@media (max-width: 560px) {
  .wn-cc-card { flex-direction: column; align-items: stretch; }
  .wn-cc-actions { width: 100%; }
  .wn-cc-actions .wn-btn { flex: 1 1 auto; text-align: center; }
}

/* ============================================================================
   2. כפתור הנגישות הצף + הפאנל
   ============================================================================ */

/* ---- כפתור צף (FAB) ---- */
.wn-a11y-fab {
  position: fixed;
  inset-block-end: clamp(1rem, 0.6rem + 1.4vw, 1.75rem);
  inset-inline-start: clamp(1rem, 0.6rem + 1.4vw, 1.75rem); /* RTL: צד שמאל */
  z-index: 2147483550;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid var(--glass-border-lit, rgba(45 226 255 / 0.35));
  border-radius: var(--radius-round, 50%);
  background:
    var(--grad-surface, linear-gradient(160deg, rgba(255 255 255 / 0.06), rgba(255 255 255 / 0))),
    rgba(14 20 48 / 0.9);
  color: var(--cyan, #2de2ff);
  -webkit-backdrop-filter: var(--glass-blur-soft, blur(10px) saturate(140%));
  backdrop-filter: var(--glass-blur-soft, blur(10px) saturate(140%));
  box-shadow:
    var(--shadow-md, 0 10px 30px -8px rgba(0 0 0 / 0.55)),
    var(--glow-cyan-sm, 0 0 12px rgba(45 226 255 / 0.45));
  cursor: pointer;
  transition:
    transform var(--dur-base, 280ms) var(--ease-out-back, cubic-bezier(0.34,1.56,0.64,1)),
    box-shadow var(--dur-base, 280ms) var(--ease-smooth, ease),
    border-color var(--dur-base, 280ms) var(--ease-smooth, ease);
}
.wn-a11y-fab:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow:
    var(--shadow-lg, 0 24px 60px -16px rgba(0 0 0 / 0.65)),
    var(--glow-cyan, 0 0 24px rgba(45 226 255 / 0.55));
  border-color: var(--cyan, #2de2ff);
}
.wn-a11y-fab svg { width: 26px; height: 26px; display: block; }
.wn-a11y-fab[aria-expanded="true"] {
  border-color: var(--cyan, #2de2ff);
  box-shadow: var(--glow-cyan, 0 0 24px rgba(45 226 255 / 0.55));
}

/* ---- שכבת רקע מאחורי הפאנל ---- */
.wn-a11y-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483560;
  background: rgba(4 6 15 / 0.55);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--dur-base, 280ms) var(--ease-smooth, ease), visibility var(--dur-base, 280ms);
}
.wn-a11y-overlay.wn-open { opacity: 1; visibility: visible; }

/* ---- פאנל הנגישות ---- */
.wn-a11y-panel {
  position: fixed;
  inset-block: 0;
  inset-inline-start: 0; /* RTL: נכנס מצד שמאל */
  z-index: 2147483570;
  width: min(360px, 92vw);
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
  background:
    var(--grad-surface, linear-gradient(160deg, rgba(255 255 255 / 0.06), rgba(255 255 255 / 0))),
    rgba(7 10 23 / 0.96);
  border-inline-end: 1px solid var(--glass-border, rgba(255 255 255 / 0.12));
  -webkit-backdrop-filter: var(--glass-blur, blur(18px) saturate(160%));
  backdrop-filter: var(--glass-blur, blur(18px) saturate(160%));
  box-shadow: var(--shadow-xl, 0 40px 100px -24px rgba(0 0 0 / 0.75));
  transform: translateX(-100%); /* מוסתר מצד שמאל */
  visibility: hidden;
  transition:
    transform var(--dur-slow, 520ms) var(--ease-out-expo, cubic-bezier(0.16,1,0.3,1)),
    visibility var(--dur-slow, 520ms);
}
.wn-a11y-panel.wn-open {
  transform: translateX(0);
  visibility: visible;
}

/* כותרת הפאנל */
.wn-a11y-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: clamp(1rem, 0.7rem + 1vw, 1.4rem);
  border-block-end: 1px solid var(--glass-border, rgba(255 255 255 / 0.12));
  position: relative;
}
.wn-a11y-head::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: -1px;
  height: 1px;
  background: var(--grad-line, linear-gradient(90deg, transparent, rgba(45 226 255 / 0.6), transparent));
}
.wn-a11y-head h2 {
  margin: 0;
  font-family: var(--font-display, "Space Grotesk", sans-serif);
  font-size: var(--fs-lg, 1.4rem);
  font-weight: var(--fw-semibold, 600);
  color: var(--ink-0, #f4f7ff);
  letter-spacing: var(--tracking-tight, -0.02em);
}

.wn-a11y-close {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  width: 38px; height: 38px;
  display: grid; place-items: center;
  border-radius: var(--radius-round, 50%);
  border: 1px solid var(--glass-border, rgba(255 255 255 / 0.12));
  background: rgba(255 255 255 / 0.04);
  color: var(--ink-100, #dfe6fb);
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1;
  transition: background var(--dur-fast, 160ms) ease, border-color var(--dur-fast, 160ms) ease, transform var(--dur-fast, 160ms) ease;
}
.wn-a11y-close:hover {
  background: var(--surface-hover, rgba(255 255 255 / 0.08));
  border-color: var(--border-hover, rgba(45 226 255 / 0.3));
  transform: rotate(90deg);
}

/* גוף הפאנל — גלילה */
.wn-a11y-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: clamp(0.85rem, 0.6rem + 0.8vw, 1.25rem);
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  overscroll-behavior: contain;
}

/* ---- פקד יחיד (toggle) ---- */
.wn-a11y-ctl {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  text-align: start;
  padding: 0.7rem 0.85rem;
  border-radius: var(--radius-md, 16px);
  border: 1px solid var(--glass-border, rgba(255 255 255 / 0.12));
  background: rgba(255 255 255 / 0.035);
  color: var(--ink-100, #dfe6fb);
  font-family: inherit;
  font-size: var(--fs-sm, 0.95rem);
  font-weight: var(--fw-medium, 500);
  cursor: pointer;
  transition:
    background var(--dur-fast, 160ms) ease,
    border-color var(--dur-fast, 160ms) ease,
    color var(--dur-fast, 160ms) ease,
    transform var(--dur-fast, 160ms) ease;
}
.wn-a11y-ctl:hover {
  background: var(--surface-hover, rgba(255 255 255 / 0.08));
  border-color: var(--border-hover, rgba(45 226 255 / 0.3));
}
.wn-a11y-ctl:active { transform: scale(0.985); }

/* אייקון הפקד */
.wn-a11y-ctl .wn-a11y-ico {
  flex: 0 0 auto;
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border-radius: var(--radius-sm, 10px);
  background: rgba(45 226 255 / 0.10);
  color: var(--cyan, #2de2ff);
}
.wn-a11y-ctl .wn-a11y-ico svg { width: 18px; height: 18px; }

.wn-a11y-ctl .wn-a11y-label {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.1em;
}
.wn-a11y-ctl .wn-a11y-label small {
  font-size: var(--fs-2xs, 0.72rem);
  font-weight: var(--fw-regular, 400);
  color: var(--ink-300, #9aa6cf);
}

/* מצב "פעיל" — נדלק בניאון */
.wn-a11y-ctl[aria-pressed="true"] {
  background: rgba(45 226 255 / 0.12);
  border-color: var(--cyan, #2de2ff);
  color: var(--ink-0, #f4f7ff);
  box-shadow: var(--glow-cyan-sm, 0 0 12px rgba(45 226 255 / 0.45));
}
.wn-a11y-ctl[aria-pressed="true"] .wn-a11y-ico {
  background: var(--grad-glow, linear-gradient(135deg, #2de2ff, #9b5cff));
  color: var(--on-accent, #051018);
}

/* סמן מצב קטן בקצה (RTL: צד שמאל) */
.wn-a11y-ctl .wn-a11y-state {
  flex: 0 0 auto;
  width: 18px; height: 18px;
  border-radius: var(--radius-round, 50%);
  border: 1px solid var(--glass-border, rgba(255 255 255 / 0.2));
  position: relative;
  transition: background var(--dur-fast, 160ms) ease, border-color var(--dur-fast, 160ms) ease;
}
.wn-a11y-ctl[aria-pressed="true"] .wn-a11y-state {
  background: var(--cyan, #2de2ff);
  border-color: var(--cyan, #2de2ff);
}
.wn-a11y-ctl[aria-pressed="true"] .wn-a11y-state::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 6px; height: 9px;
  border: solid var(--on-accent, #051018);
  border-width: 0 2px 2px 0;
  transform: translateY(-1px) rotate(45deg);
}

/* ---- פקד עם +/- (גודל טקסט) ---- */
.wn-a11y-stepper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.85rem;
  border-radius: var(--radius-md, 16px);
  border: 1px solid var(--glass-border, rgba(255 255 255 / 0.12));
  background: rgba(255 255 255 / 0.035);
}
.wn-a11y-stepper .wn-a11y-ico {
  flex: 0 0 auto;
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border-radius: var(--radius-sm, 10px);
  background: rgba(45 226 255 / 0.10);
  color: var(--cyan, #2de2ff);
}
.wn-a11y-stepper .wn-a11y-ico svg { width: 18px; height: 18px; }
.wn-a11y-stepper .wn-a11y-label {
  flex: 1 1 auto;
  font-weight: var(--fw-medium, 500);
  color: var(--ink-100, #dfe6fb);
}
.wn-a11y-stepper .wn-step-btns {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.wn-step-btn {
  appearance: none;
  -webkit-appearance: none;
  width: 32px; height: 32px;
  display: grid; place-items: center;
  border-radius: var(--radius-sm, 10px);
  border: 1px solid var(--glass-border, rgba(255 255 255 / 0.12));
  background: rgba(255 255 255 / 0.05);
  color: var(--ink-0, #f4f7ff);
  font-size: 1.15rem;
  font-weight: var(--fw-bold, 700);
  line-height: 1;
  cursor: pointer;
  transition: background var(--dur-fast, 160ms) ease, border-color var(--dur-fast, 160ms) ease, transform var(--dur-fast, 160ms) ease;
}
.wn-step-btn:hover {
  background: var(--surface-hover, rgba(255 255 255 / 0.08));
  border-color: var(--border-hover, rgba(45 226 255 / 0.3));
}
.wn-step-btn:active { transform: scale(0.9); }
.wn-step-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.wn-step-val {
  min-width: 3ch;
  text-align: center;
  font-family: var(--font-mono, "Space Grotesk", monospace);
  font-size: var(--fs-sm, 0.9rem);
  font-weight: var(--fw-semibold, 600);
  color: var(--cyan, #2de2ff);
}

/* ---- מפריד וכותרת קבוצה ---- */
.wn-a11y-group-title {
  margin: 0.6rem 0 0.1rem;
  font-family: var(--font-display, "Space Grotesk", sans-serif);
  font-size: var(--fs-2xs, 0.72rem);
  font-weight: var(--fw-semibold, 600);
  letter-spacing: var(--tracking-wider, 0.16em);
  text-transform: uppercase;
  color: var(--ink-300, #9aa6cf);
}

/* ---- כפתור איפוס ---- */
.wn-a11y-reset {
  margin-top: 0.4rem;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  padding: 0.7rem 1rem;
  border-radius: var(--radius-pill, 999px);
  border: 1px solid var(--glass-border, rgba(255 255 255 / 0.12));
  background: rgba(255 93 122 / 0.08);
  color: var(--ink-0, #f4f7ff);
  font-family: inherit;
  font-size: var(--fs-sm, 0.95rem);
  font-weight: var(--fw-semibold, 600);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: background var(--dur-fast, 160ms) ease, border-color var(--dur-fast, 160ms) ease;
}
.wn-a11y-reset:hover {
  background: rgba(255 93 122 / 0.16);
  border-color: var(--danger, #ff5d7a);
}
.wn-a11y-reset svg { width: 16px; height: 16px; }

/* ---- פוטר הפאנל ---- */
.wn-a11y-foot {
  flex: 0 0 auto;
  padding: 0.85rem clamp(0.85rem, 0.6rem + 0.8vw, 1.25rem) clamp(1rem, 0.7rem + 1vw, 1.4rem);
  border-block-start: 1px solid var(--glass-border, rgba(255 255 255 / 0.12));
  font-size: var(--fs-xs, 0.8rem);
  color: var(--ink-300, #9aa6cf);
  text-align: center;
}
.wn-a11y-foot a {
  color: var(--cyan, #2de2ff);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.wn-a11y-foot a:hover { color: var(--cyan-bright, #7af2ff); }

/* ============================================================================
   3. כיתות ה"מצב" שמופעלות על <html> ע"י תוסף הנגישות
   ============================================================================ */

/* גודל טקסט — מוגדר דרך font-size על :root ב-JS (var --wn-fontscale).
   כאן רק ביטחון: סקייל בסיסי דרך משתנה. */
html.wn-fontscale-on { font-size: calc(100% * var(--wn-font-scale, 1)); }

/* ניגודיות גבוהה */
html.wn-contrast,
html.wn-contrast body {
  background: #000 !important;
  color: #fff !important;
}
html.wn-contrast a { color: #ffe600 !important; }
html.wn-contrast button,
html.wn-contrast input,
html.wn-contrast .wn-a11y-ctl {
  border-color: #fff !important;
}

/* גווני אפור */
html.wn-grayscale { filter: grayscale(1) !important; }
/* היפוך צבעים */
html.wn-invert { filter: invert(1) hue-rotate(180deg) !important; }
html.wn-grayscale.wn-invert { filter: grayscale(1) invert(1) hue-rotate(180deg) !important; }
/* ביטול היפוך-כפול — על האלמנטים ה-fixed עצמם (FAB/overlay/panel/banner), לא על ה-root.
   filter על הורה שובר position:fixed של הצאצאים → הפאנל "נעלם". */
html.wn-invert .wn-a11y-fab,
html.wn-invert .wn-a11y-overlay,
html.wn-invert .wn-a11y-panel,
html.wn-invert .wn-cc-banner { filter: invert(1) hue-rotate(180deg); }
html.wn-grayscale.wn-invert .wn-a11y-fab,
html.wn-grayscale.wn-invert .wn-a11y-overlay,
html.wn-grayscale.wn-invert .wn-a11y-panel,
html.wn-grayscale.wn-invert .wn-cc-banner { filter: grayscale(1) invert(1) hue-rotate(180deg); }

/* הדגשת קישורים */
html.wn-links a {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 2px !important;
  outline: 1px dashed currentColor;
  outline-offset: 2px;
}

/* פונט קריא */
html.wn-readable-font,
html.wn-readable-font body,
html.wn-readable-font * {
  font-family: Arial, "Helvetica Neue", Helvetica, "Heebo", sans-serif !important;
  letter-spacing: 0.02em !important;
  word-spacing: 0.08em !important;
  line-height: 1.7 !important;
}
/* לא לפגוע בווידג'טים שלנו */
html.wn-readable-font .wn-a11y-fab,
html.wn-readable-font .wn-step-btn,
html.wn-readable-font .wn-a11y-close { letter-spacing: normal !important; }

/* עצירת אנימציות */
html.wn-stop-motion *,
html.wn-stop-motion *::before,
html.wn-stop-motion *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
  scroll-behavior: auto !important;
}

/* סמן גדול */
html.wn-big-cursor,
html.wn-big-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 3l30 18-13 3 8 16-6 3-8-16-11 8z' fill='%23fff' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 6 3,
    auto !important;
}

/* ============================================================================
   4. prefers-reduced-motion — נגישות בסיסית
   ============================================================================ */
@media (prefers-reduced-motion: reduce) {
  .wn-cc-card { animation: none; }
  .wn-a11y-panel,
  .wn-a11y-overlay,
  .wn-btn,
  .wn-a11y-fab,
  .wn-a11y-close,
  .wn-a11y-ctl,
  .wn-step-btn { transition-duration: 0.001ms !important; }
  .wn-a11y-close:hover { transform: none; }
}