/* ==========================================================================
   Arbeitsrecht REMIEN: Bewegung (M1 bis M13, Master Prompt Abschnitt 7)
   Grundsatz: Inhalte sind sichtbar. Versteckt wird nur, was motion.js
   nach erfolgreichem Start ausdrücklich markiert (unterhalb des Sichtfelds).
   ========================================================================== */

/* M5 Abschnittseintritt */
.reveal { opacity: 0; transform: translateY(var(--rise)); }
.reveal.is-in {
  opacity: 1; transform: none;
  transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);
  transition-delay: calc(var(--i, 0) * 80ms);
}

/* M10 Balken an der Abschnittsziffer */
.draw-pending .topic-item__num::after { transform: scaleX(0); }
.draw-pending.is-in .topic-item__num::after { transform: scaleX(1); transition: transform 600ms var(--ease-out) 150ms; }

/* M12 Unterschrift */
.sign-pending img { clip-path: inset(0 100% 0 0); }
.sign-pending.is-in img { clip-path: inset(0 0 0 0); transition: clip-path var(--dur-draw) var(--ease-in-out) 200ms; }

/* E9 (optional): Verbindungslinie der Schritte zeichnet sich */
.steps-wrap.draw-pending .steps li::after { transform: scale(0); }
.steps-wrap.draw-pending.is-in .steps li::after { transform: none; transition: transform 500ms var(--ease-out); }
.steps-wrap.draw-pending.is-in .steps li:nth-child(2)::after { transition-delay: 300ms; }
.steps-wrap.draw-pending.is-in .steps li:nth-child(3)::after { transition-delay: 600ms; }

/* M8 Haken der Erfolgsmeldung */
.check-draw path { stroke-dasharray: 30; stroke-dashoffset: 30; }
.form-success:not([hidden]) .check-draw path { animation: draw-check 400ms var(--ease-out) 150ms forwards; }
.form-success:not([hidden]) { animation: fade-in 200ms var(--ease-out); }
@keyframes draw-check { to { stroke-dashoffset: 0; } }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }

/* M9 Ankersprünge */
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

/* M13 Seitenwechsel innerhalb arbeitsrecht-remien.de (Same-Origin) */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 160ms; animation-timing-function: var(--ease-out); }
::view-transition-group(site-nav) { animation: none; }

/* Reduzierte Bewegung: alles sofort, nur Text bestätigt Zustände */
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal.is-in { opacity: 1; transform: none; }
  .draw-pending .topic-item__num::after, .steps-wrap.draw-pending .steps li::after { transform: none; }
  .sign-pending img { clip-path: none; }
  .check-draw path { stroke-dashoffset: 0; }
  .spinner { display: none; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  @view-transition { navigation: none; }
}