/* ============================ באנר עוגיות ============================ */
.cookie-bar {
  position: fixed; inset-inline: 0; bottom: 0; z-index: 190;
  display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap;
  background: #18150f; color: #f7f4ef; padding: 14px 22px;
  font-size: .88rem; box-shadow: 0 -8px 24px -16px rgba(0,0,0,.5);
}
.cookie-bar a { color: #fff; text-decoration: underline; }
.cookie-bar .btn.sm.primary { margin: 0; background: #f7f4ef; color: #18150f; border-color: #f7f4ef; }
/* כשהבאנר פתוח — הרמת הכפתורים הצפים וסרגל ה-CTA הדביק (שאלון) מעליו,
   כדי שהבאנר לא יכסה כפתורים חיוניים בתחתית המסך */
body.cookie-visible .wa-fab, body.cookie-visible .a11y-fab { bottom: 84px; }
body.cookie-visible .q-counter { bottom: 78px; }
@media (max-width: 600px) {
  .cookie-bar { font-size: .82rem; padding: 12px 14px; gap: 10px; }
  body.cookie-visible .wa-fab, body.cookie-visible .a11y-fab { bottom: 110px; }
  body.cookie-visible .q-counter { bottom: 104px; }
}

/* ============================ כפתור וואטסאפ צף ============================ */
.wa-fab {
  position: fixed; inset-inline-end: 18px; bottom: 18px; z-index: 180;
  width: 56px; height: 56px; border-radius: 50%;
  background: #25d366; color: #fff; text-decoration: none;
  display: grid; place-items: center;
  box-shadow: 0 12px 30px -8px rgba(37,211,102,.55);
  transition: transform .16s ease, box-shadow .16s ease;
}
.wa-fab .wa-ico { position: relative; display: grid; place-items: center; }
.wa-fab .wa-glyph { display: block; }
/* טבעת פעימה עדינה שמושכת את העין */
.wa-fab .wa-ico::before {
  content: ""; position: absolute; inset: -12px; border-radius: 50%;
  border: 2px solid #25d366; z-index: -1; animation: wa-pulse 2.6s ease-out infinite;
}
@keyframes wa-pulse { 0% { transform: scale(.75); opacity: .7; } 70% { transform: scale(1.35); opacity: 0; } 100% { opacity: 0; } }
/* תווית תיאור שמופיעה במעבר עכבר / פוקוס — בועה צמודה לצד הכפתור (כלפי מרכז המסך) */
.wa-label {
  position: absolute; left: calc(100% + 12px); top: 50%;
  transform: translate(-8px, -50%); white-space: nowrap; pointer-events: none;
  background: #18150f; color: #fff; padding: 9px 15px; border-radius: 999px;
  font-weight: 600; font-size: .86rem; opacity: 0;
  box-shadow: 0 10px 24px -12px rgba(0,0,0,.5);
  transition: opacity .2s ease, transform .2s ease;
}
.wa-fab:hover, .wa-fab:focus-visible { transform: translateY(-2px); box-shadow: 0 16px 36px -8px rgba(37,211,102,.65); }
.wa-fab:hover .wa-label, .wa-fab:focus-visible .wa-label { opacity: 1; transform: translate(0, -50%); }
@media (max-width: 600px) {
  .wa-fab { width: 50px; height: 50px; inset-inline-end: 12px; bottom: 12px; }
  .wa-label { display: none; }
}
@media (prefers-reduced-motion: reduce) { .wa-fab .wa-ico::before { animation: none; } }

/* אייקון/כפתור וואטסאפ ירוק inline (בלינקים ובכרטיסים) */
.wa-link {
  display: inline-flex; align-items: center; gap: 7px;
  background: #25d366; color: #fff; text-decoration: none;
  padding: 8px 15px; border-radius: 999px; font-weight: 700; font-size: .9rem;
  box-shadow: 0 8px 20px -12px rgba(37,211,102,.6); transition: filter .15s;
}
.wa-link:hover { filter: brightness(.96); }
.wa-link .wa-glyph { flex: none; }
/* וריאנט "רוח" — לינק טקסטואלי עם אייקון ירוק (בלי מילוי) */
.wa-inline { display: inline-flex; align-items: center; gap: 6px; color: #128c3e; font-weight: 600; text-decoration: none; }
.wa-inline:hover { text-decoration: underline; }
/* כפתור ghost עם אייקון וואטסאפ ירוק (אזור המשרד) */
.wa-ghost { display: inline-flex; align-items: center; gap: 6px; }
.wa-ghost .wa-glyph { color: #25d366; flex: none; }

/* ============================ תפריט נגישות ============================ */
.a11y-fab {
  position: fixed; inset-inline-start: 18px; bottom: 18px; z-index: 180;
  width: 52px; height: 52px; border-radius: 50%;
  background: #18150f; color: #f7f4ef; border: none; cursor: pointer;
  display: grid; place-items: center; box-shadow: 0 10px 28px -12px rgba(0,0,0,.5);
  transition: transform .15s;
}
.a11y-fab:hover { transform: translateY(-2px); }
.a11y-fab svg { width: 28px; height: 28px; }

.a11y-panel {
  position: fixed; inset-inline-start: 18px; bottom: 80px; z-index: 181;
  width: 280px; max-width: calc(100vw - 36px);
  background: #fff; border: 1px solid #e5e0d6; border-radius: 12px;
  box-shadow: 0 24px 60px -28px rgba(0,0,0,.4); padding: 14px;
}
.a11y-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-weight: 600; color: #18150f; }
.a11y-close { background: none; border: none; font-size: 1.1rem; cursor: pointer; color: #8b8579; line-height: 1; }
.a11y-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.a11y-grid button {
  padding: 11px 8px; border: 1px solid #e5e0d6; border-radius: 8px;
  background: #f7f4ef; color: #18150f; font: inherit; font-size: .86rem; font-weight: 500;
  cursor: pointer; transition: background .14s, border-color .14s;
}
.a11y-grid button:hover { background: #efebe1; border-color: #d3ccbe; }
.a11y-grid button[aria-pressed="true"] { background: #18150f; color: #f7f4ef; border-color: #18150f; }
.a11y-grid button[data-a11y="reset"] { grid-column: 1 / -1; background: #fff; }
.a11y-statement { display: block; text-align: center; margin-top: 10px; font-size: .82rem; color: #4a463e; text-decoration: underline; }

/* ===== מצבי נגישות ===== */
html.a11y-contrast, html.a11y-contrast body { background: #000 !important; color: #fff !important; }
html.a11y-contrast a, html.a11y-contrast h1, html.a11y-contrast h2, html.a11y-contrast h3,
html.a11y-contrast .logo-name, html.a11y-contrast .q-label, html.a11y-contrast .cat-title,
html.a11y-contrast .stat-num, html.a11y-contrast strong { color: #ff0 !important; }
html.a11y-contrast .card, html.a11y-contrast .topbar, html.a11y-contrast .footer,
html.a11y-contrast input, html.a11y-contrast textarea, html.a11y-contrast select,
html.a11y-contrast .svc-card, html.a11y-contrast .art-card { background: #000 !important; border-color: #fff !important; color: #fff !important; }
html.a11y-contrast .btn { background: #ff0 !important; color: #000 !important; border-color: #ff0 !important; }

html.a11y-gray { filter: grayscale(100%); }

html.a11y-links a { text-decoration: underline !important; font-weight: 700 !important; }

html.a11y-readable, html.a11y-readable body,
html.a11y-readable * { font-family: Arial, "Segoe UI", sans-serif !important; letter-spacing: normal !important; }

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

@media (max-width: 600px) {
  .a11y-fab { width: 46px; height: 46px; inset-inline-start: 12px; bottom: 12px; }
  .a11y-panel { inset-inline-start: 12px; bottom: 66px; }
}