/* כפתורים צפים שמופיעים בכל העמודים (גם בעמודי הקונספט). צבעים קבועים, לא תלויים בערכה */
.fab {
  position: fixed; bottom: 20px; z-index: 90; width: 58px; height: 58px; border-radius: 50%;
  display: grid; place-items: center; border: 0; cursor: pointer; text-decoration: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35); transition: transform .2s;
}
.fab:hover { transform: scale(1.07); }
.fab:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.fab svg { width: 30px; height: 30px; }
.fab-wa { right: 20px; background: #25D366; color: #fff; }
.fab-a11y { left: 20px; background: #1B4DFF; color: #fff; }

.a11y-panel {
  position: fixed; left: 20px; bottom: 90px; z-index: 91; width: min(320px, calc(100vw - 40px));
  background: #fff; color: #111; border-radius: 12px; padding: 18px; box-shadow: 0 16px 40px rgba(0, 0, 0, .4);
  font-family: "Heebo", system-ui, sans-serif; direction: rtl;
}
.a11y-panel[hidden] { display: none; }
.a11y-panel h2 { all: unset; display: block; font-weight: 800; font-size: 18px; margin-bottom: 12px; color: #111; }
.a11y-panel .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.a11y-panel button {
  font: inherit; font-size: 14px; font-weight: 600; min-height: 44px; padding: 8px; border: 1px solid #CCD; border-radius: 8px;
  background: #F4F5F8; color: #111; cursor: pointer;
}
.a11y-panel button[aria-pressed="true"] { background: #1B4DFF; color: #fff; border-color: #1B4DFF; }
.a11y-panel .row { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; gap: 8px; }
.a11y-panel a { color: #1B4DFF; font-size: 14px; font-weight: 600; }

/* מצבי נגישות */
html.a11y-contrast body { filter: contrast(1.35); }
html.a11y-contrast body * { text-shadow: none !important; }
html.a11y-links a { text-decoration: underline !important; text-underline-offset: 3px; }
html.a11y-readable body, html.a11y-readable body * { font-family: Arial, "Heebo", sans-serif !important; letter-spacing: normal !important; }
html.a11y-still *, html.a11y-still *::before, html.a11y-still *::after { animation: none !important; transition: none !important; }
html.a11y-still .rv-item { opacity: 1 !important; transform: none !important; }

/* אנימציית כניסה בגלילה, משותפת לכל העמודים. מוסתר רק אחרי שהסקריפט רץ, כך שבלי JS הכול גלוי */
html.rv .rv-item { opacity: 0; transform: translateY(24px); }
html.rv .rv-item.rv-in { opacity: 1; transform: none; transition: opacity .6s ease-out, transform .6s ease-out; transition-delay: var(--rv-delay, 0s); }
@media (prefers-reduced-motion: reduce) { html.rv .rv-item { opacity: 1 !important; transform: none !important; transition: none !important; } }

/* תווית "קונספט" קבועה בעמודי קונספט */
.concept-bar {
  position: sticky; top: 0; z-index: 80; background: #0A0A0A; color: #fff; font-family: "Heebo", sans-serif;
  font-size: 14px; padding: 8px 16px; display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; justify-content: center; text-align: center;
}
.concept-bar b { background: #E10B21; padding: 2px 10px; letter-spacing: 1px; }
.concept-bar a { color: #fff; font-weight: 700; }
.concept-bar .bar-wa { display: inline-flex; align-items: center; gap: 6px; background: #25D366; color: #052e14; text-decoration: none; padding: 3px 12px 3px 10px; border-radius: 999px; transition: transform .2s, background .2s; }
.concept-bar .bar-wa:hover { background: #3ee07c; transform: scale(1.05); }
.concept-bar .bar-wa svg { width: 16px; height: 16px; flex: none; }