/* ============================================================
   BizRunner — שכבת מעברים קלה בסגנון ETX  (biz-motion)
   ליבה בלבד: חשיפת סקשנים בגלילה + פס התקדמות + header עדין.
   הגלילה החלקה (Lenis) מנוהלת ב-biz-motion.js.
   כל ההסתרה מותנית ב-html.br-motion — אם ה-JS לא רץ, הכל גלוי כרגיל.
   ============================================================ */

:root{
  --br-ease: cubic-bezier(.22,1,.36,1);
  --br-dur: .7s;
  --br-shift: 26px;
  --br-red:#ef0303;
  --br-black:#0a0a0a;
  --br-grad:linear-gradient(90deg,#ef0303 0%,#ff5722 55%,#ffcb47 100%);
}

/* ---------- מעבר "מנהרה" בין עמודים (overlay ב-JS — עובד בכל הדפדפנים והמכשירים) ---------- */
/* נקודת מוצא המנהרה (מיקום הכפתור שנלחץ). ברירת מחדל: מרכז המסך. */
:root{ --br-x:50%; --br-y:50%; }

/* שכבת המנהרה — בצבעי הרקע (כהה + זוהר אדום במרכז המעבר), כמו ה-aurora.
   האנימציה (clip-path circle) מנוהלת ב-biz-motion.js / בסקריפט ה-head. */
#br-tunnel, #br-tunnel-out{
  position:fixed; inset:0; z-index:2147483647;
  background:
    radial-gradient(55% 55% at var(--br-x,50%) var(--br-y,50%), rgba(239,3,3,.40) 0%, rgba(239,3,3,0) 60%),
    radial-gradient(90% 90% at var(--br-x,50%) var(--br-y,50%), rgba(255,87,34,.18) 0%, rgba(255,87,34,0) 70%),
    linear-gradient(135deg,#0a0a0e 0%,#101017 50%,#08080b 100%);
  pointer-events:none; will-change:clip-path;
}
#br-tunnel-out{ pointer-events:auto; }

/* ---------- כללי Lenis הרשמיים (נדרשים לגלילה חלקה תקינה) ---------- */
html.lenis, html.lenis body{ height:auto; }
.lenis.lenis-smooth{ scroll-behavior:auto !important; }
.lenis.lenis-smooth [data-lenis-prevent]{ overscroll-behavior:contain; }
.lenis.lenis-stopped{ overflow:hidden; }
.lenis.lenis-smooth iframe{ pointer-events:none; }

/* ---------- פס התקדמות גלילה (תוספת טהורה, ללא התנגשות) ---------- */
.br-progress{
  position:fixed; top:0; left:0; right:0; height:3px; z-index:99999;
  background:var(--br-grad);
  transform:scaleX(0); transform-origin:right; /* RTL */
  will-change:transform; pointer-events:none;
}

/* ---------- חשיפת אלמנטים בגלילה (משתמש ב-data-aos הקיימים כ-hook) ---------- */
html.br-motion [data-aos]{
  opacity:0;
  transition:opacity var(--br-dur) var(--br-ease),
             transform var(--br-dur) var(--br-ease);
}
html.br-motion [data-aos="fade-up"]   { transform:translateY(var(--br-shift)); }
html.br-motion [data-aos="fade-down"] { transform:translateY(calc(-1 * var(--br-shift))); }
html.br-motion [data-aos="fade-left"] { transform:translateX(var(--br-shift)); }
html.br-motion [data-aos="fade-right"]{ transform:translateX(calc(-1 * var(--br-shift))); }
html.br-motion [data-aos="zoom-in"]   { transform:scale(.94); }

/* מצב חשוף */
html.br-motion [data-aos].br-in{
  opacity:1;
  transform:none;
}

/* ---------- header עדין בגלילה (לא נוגע בפריסה / ב-sticky-header של הפלטפורמה) ---------- */
html.br-scrolled #header{
  box-shadow:0 6px 22px rgba(0,0,0,.10);
  transition:box-shadow .4s var(--br-ease);
}

/* ---------- כיבוד העדפת תנועה מופחתת ---------- */
@media (prefers-reduced-motion: reduce){
  html.br-motion [data-aos]{ opacity:1 !important; transform:none !important; transition:none !important; }
  .br-progress{ display:none; }
  #br-tunnel, #br-tunnel-out{ display:none !important; }
}