/* Prehod med stranmi (Design System: components/motion/Curtain): trije pasovi — indigo, azurna, črna —
   prekrijejo stran, nato se nova stran odkrije. Skupno za klasično stran in klepetalnik. */
.zastor { position: fixed; inset: 0; z-index: 1000; display: flex; pointer-events: none; visibility: hidden; overflow: hidden; }
.zastor span { flex: 1; height: 100%; transform: translate3d(0, 100%, 0); }
.zastor span:nth-child(1) { background: var(--dz-indigo); }
.zastor span:nth-child(2) { background: var(--dz-azure); }
.zastor span:nth-child(3) { background: var(--dz-ink); }
.zastor.prihaja { visibility: visible; pointer-events: all; }
.zastor.prihaja span { transform: none; transition: transform 700ms var(--ease-expo-in-out); }
.zastor.prihaja span:nth-child(2), .zastor.odhaja span:nth-child(2) { transition-delay: 70ms; }
.zastor.prihaja span:nth-child(3), .zastor.odhaja span:nth-child(3) { transition-delay: 140ms; }
.zastor-prihod .zastor { visibility: visible; }
.zastor-prihod .zastor span { transform: none; }
.zastor-prihod .zastor.odhaja span { transform: translate3d(0, -100%, 0); transition: transform 700ms var(--ease-expo-in-out); }
@media (prefers-reduced-motion: reduce) { .zastor { display: none; } }