/* ==========================================================================
   Motion — general/motion.css
   שתי התנהגויות-תנועה משותפות לכל המערכת (נעמי 27/08):

   1. .tc-yield  — פופ שנסוג מפני פופ שנפתח מעליו (החוק ב-popup-swap.js).
   2. .tc-enter  — כניסה עדינה של כל אלמנט שמופיע: כרטיסים, כותרות, שורות,
      באנרים. עדינה במכוון — 6px ו-320ms; תנועה גדולה מסיחה מהתוכן.

   הכל מכובה כשהמשתמש ביקש «פחות תנועה» במערכת-ההפעלה (prefers-reduced-motion) —
   זו נגישות, לא העדפה.
   ========================================================================== */

/* ── 1. פופ שנסוג ─────────────────────────────────────────────────────── */
/* 🔴 !important במכוון: `.popup-overlay.open{opacity:1}` חזק יותר מ-`.tc-yield`
   וגם נטען אחריו — בלי זה הכלל הוחל אך לא נראה, והפופים נערמו (נעמי 27/08). */
.tc-yield{
  transition:opacity .26s ease, filter .26s ease;
  opacity:0 !important;
  pointer-events:none !important;
}
/* המכל הפנימי יורד מעט — כך זה נקרא כ«יציאה למטה», לא כהיעלמות */
.tc-yield > .form-container,
.tc-yield > .cp-shell,
.tc-yield > .coupon-popup{
  transition:transform .26s cubic-bezier(.32,.72,0,1);
  transform:translateY(24px);
}

/* ── 2. כניסה עדינה ───────────────────────────────────────────────────── */
@keyframes tc-enter{
  from{ opacity:0; transform:translateY(28px); }
  to  { opacity:1; transform:none; }
}
.tc-enter{
  animation:tc-enter .6s cubic-bezier(.32,.72,0,1) both;
}
/* דירוג בין פריטים — 150ms (נעמי 27/08, סבב שלישי: גם ב-90ms/420ms «לא
   רואים כלום»). עכשיו כל פריט 600ms ונע 28px, וההפרש בין פריטים גדול דיו
   כדי שהעין תעקוב אחריהם אחד-אחד. ארבעה כרטיסים ≈ 1.05 שניות. */
.tc-enter--1{animation-delay:.15s;}
.tc-enter--2{animation-delay:.30s;}
.tc-enter--3{animation-delay:.45s;}
.tc-enter--4{animation-delay:.60s;}
.tc-enter--5{animation-delay:.75s;}
.tc-enter--6{animation-delay:.90s;}
.tc-enter--7{animation-delay:1.05s;}
.tc-enter--8{animation-delay:1.20s;}

@media (prefers-reduced-motion: reduce){
  .tc-enter{animation:none;}
  .tc-yield{transition:none;}
  .tc-yield > .form-container,
  .tc-yield > .cp-shell,
  .tc-yield > .coupon-popup{transition:none;transform:none;}
}