/* fvline-rtl.css
   Top (blue):   LEFT -> RIGHT
   Bottom (red): RIGHT -> LEFT
   Scope: only when html.no-intro is present (i.e., 2nd+ visits)
   Notes:
     - We do NOT globally disable transitions/animations to avoid side effects.
     - This file assumes your reveal script toggles `html.no-intro` on load and
       then adds `html.no-intro-ready` when layout is settled.
*/

/* ---------- Config (adjust timings if needed) ---------- */
html.no-intro {
  --fvline-duration: 1.6s;
  --fvline-ease: ease;
}

/* ---------- TOP blue line: LEFT -> RIGHT ---------- */
/* Neutralize any keyframe/transform-based line animation on revisit */
html.no-intro .fv_openline {
  animation: none !important;
  transform: none !important;
}

/* Anchor to the LEFT and animate width 0 -> 100% */
html.no-intro .fv_openline.topline {
  left: 0 !important;
  right: auto !important;
  width: 0 !important;
  transform: none !important;
  transition: width var(--fvline-duration) var(--fvline-ease) !important;
}
html.no-intro.no-intro-ready .fv_openline.topline {
  width: 100% !important;
}

/* ---------- BOTTOM red line: RIGHT -> LEFT ---------- */
/* Support both `.foot_skiiline` and possible `.foot_skiikine` naming,
   and cases where an inner `.line` element is used. */
html.no-intro .foot_skiiline,
html.no-intro .foot_skiiline .line,
html.no-intro .foot_skiikine,
html.no-intro .foot_skiikine .line {
  left: auto !important;
  right: 0 !important;
  width: 0 !important;
  transform: none !important;
  transition: width var(--fvline-duration) var(--fvline-ease) !important;
}
html.no-intro.no-intro-ready .foot_skiiline,
html.no-intro.no-intro-ready .foot_skiiline .line,
html.no-intro.no-intro-ready .foot_skiikine,
html.no-intro.no-intro-ready .foot_skiikine .line {
  width: 100% !important;
}
