/* ערכת המותג של ספיר לווידג'טים הקנוניים של ריזולב (resolve-widgets). קבצי הווידג'ט לא שונו - רק משתנים ו-override קל. */
:root {
  --rc-bg: #FFFFFF; --rc-ink: #160B0F; --rc-ink-head: #160B0F; --rc-muted: #5A2433;
  --rc-line: #E2D8D3; --rc-accent: #B12649; --rc-accent-grad-1: #C92F55; --rc-accent-grad-2: #9E1F40;
  --rc-switch-off: #E2D8D3; --rc-switch-on: #C92F55; --rc-radius: 8px; --rc-font: "Noto Sans Hebrew", Arial, sans-serif;
  --ra-accent: #E8607F; --ra-ink: #160B0F; --ra-surface: #FFFFFF; --ra-border: #E2D8D3; --ra-muted: #5A2433; --ra-text: #160B0F;
  --ra-radius: 8px; --ra-radius-tile: 8px; --ra-font: "Noto Sans Hebrew", Arial, sans-serif; --ra-offset: 16px;
}
/* באנר: טיפוגרפיה מהספר (Small 15, Label 14), כפתורים בגובה 44, ראשי בצורת ה-CTA (עגול יחסי, 7.10.26) */
.rc-cookie { padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -10px 30px rgba(22, 11, 15, .14); }
.rc-head b { font-size: 16px; }
.rc-txt { font-size: 15px; color: var(--rc-ink); }
.rc-txt .rc-policy, .rc-cat-desc { color: var(--rc-muted); }
.rc-cat-title { font-size: 15px; }
.rc-cat-desc { font-size: 14px; }
.rc-btn { min-height: 44px; font-size: 15px; padding: 10px 20px; }
.rc-btn:hover { transform: none; }
.rc-btn:focus-visible, .rc-sw:focus-visible { outline: 2px solid #C92F55; outline-offset: 3px; }
.rc-accept { border-radius: var(--radius-button-44); box-shadow: none; } /* 44 גובה, רדיוס יחסי (7.10.26, במקום הפאה החתוכה) */
.rc-necessary { border-color: #160B0F; color: #160B0F; border-radius: var(--radius-button-44); } /* משני באותה צורה כמו הראשי לידו (7.10.26) */
.rc-custom { color: #160B0F; }
/* מובייל: באנר קומפקטי. "אישור הכל" ו"רק הכרחיות" באותו גודל זה לצד זה (בחירה הוגנת), "התאמה אישית" כקישור */
@media (max-width: 520px) {
  .rc-cookie { padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); }
  .rc-head { margin-bottom: 4px; }
  .rc-txt { font-size: 14px; line-height: 1.5; margin-bottom: 10px; }
  .rc-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .rc-actions .rc-accept { order: -1; }
  .rc-actions .rc-custom { grid-column: 1 / -1; order: 1; min-height: 44px; padding-block: 4px; }
  .rc-btn { padding-inline: 12px; }
}
.ra-toggle { width: 44px; height: 44px; }
/* כפתור הנגישות: יין-לילה עם מסגרת שמנת דקה כדי שייראה גם על הסקשנים הכהים */
.ra-toggle { width: 48px; height: 48px; box-shadow: 0 0 0 1.5px rgba(247, 244, 241, .7), 0 8px 22px rgba(22, 11, 15, .3); }
.ra-toggle:hover { transform: none; }
/* מעל באנר העוגיות בלי הזזת layout (CLS 0): transform ולא bottom */
/* כשכפתור CTA עובר מתחת לכפתור הנגישות, הכפתור עולה מעליו בצעד אחד (--ra-lift, מ-lp360.js) ויורד כשהוא מתפנה.
   העוגן נשאר הפינה השמאלית התחתונה, והכפתור תמיד גלוי ונגיש. */
.ra-widget { transform: translateY(calc(-1 * (var(--rc-banner-h, 0px) + var(--ra-lift, 0px)))); transition: transform 260ms cubic-bezier(.16, 1, .3, 1); }
@media (prefers-reduced-motion: reduce) { .ra-widget, .ra-toggle { transition: none; } }

/* מובייל וטאבלט (עד 1023): כפתור הנגישות בפינה התחתונה, מעל המקום של הכפתור הצף (.join-float: 12 + 56 + 12 מרווח),
   עם safe-area. 25.10.26: היה באמצע הגובה (גיא 5.10.26), ושם הוא כיסה את הכותרת ואת שורת הפתיחה של ההירו בכל טלפון שבו
   הטקסט נפל על הגובה הזה (390x844, 430x932) - באמצע המסך תמיד יש טקסט. בתחתית יש רק מה שנגלל דרכה. פינה אחת, כל הדפים:
   inset-inline-end (בעברית = שמאל, אותו צד כמו קודם). bottom ולא transform: הפאנל נשאר fixed ביחס למסך. הפאנל נפתח
   מלמטה, בגובה המסך לכל היותר, עם גלילה פנימית. בדסקטופ הכול כמו קודם. */
@media (max-width: 1023px) {
  .ra-widget { --ra-rest: 80px; top: auto; bottom: calc(var(--ra-rest) + env(safe-area-inset-bottom, 0px) + var(--ra-place, 0px)); transform: none; transition: none; }
  .ra-widget.ra-left { left: auto; inset-inline-end: 16px; }
  .ra-toggle { width: 44px; height: 44px; }
  /* מעל טופס הלידים: הכפתור זז לקצה עד שהוא לא מכסה טקסט או שדה (--ra-nudge מ-lp360.js, גיא 6.10.26) */
  .ra-toggle { translate: calc(-1 * var(--ra-nudge, 0px)) 0; transition: translate 260ms cubic-bezier(.16, 1, .3, 1); }
  .ra-left .ra-panel { position: fixed; left: auto; inset-inline-end: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); max-height: calc(100% - 32px); overflow-y: auto; overscroll-behavior: contain; }
  /* on load, once, off the hero's text or the open cookie banner (--ra-place = px UP from the corner, a11y-place.js);
     back to the corner at her first scroll, one calm step. bottom, like the rule above. */
  .ra-widget { transition: bottom 260ms cubic-bezier(.16, 1, .3, 1); }
}
@media (max-width: 1023px) and (prefers-reduced-motion: reduce) { .ra-widget { transition: none; } }
html.ra-placing .ra-widget { transition: none !important; } /* the first placement: no slide in front of her */
html.ra-measure main, html.ra-measure main * { animation: none !important; } /* one synchronous read of the final layout (a11y-place.js) */

/* דסקטופ (מ-1024, גיא 8.10.26): כפתור הנגישות בפינה הימנית התחתונה, והכפתור הצף בפינה השמאלית. בלי לגעת בווידג'ט
   הקנוני: רק override של המיקום והפאנל שנפתח לצד שמאל מהכפתור. */
@media (min-width: 1024px) {
  .ra-widget.ra-left { left: auto; right: var(--ra-offset); }
  .ra-left .ra-panel { left: auto; right: 0; transform-origin: bottom right; }
}