/* ================================================
   STRELA — Touch & Mobile Optimizations
   ================================================ */

/* Убираем 300ms задержку тапа на всех элементах */
* {
    touch-action: manipulation;
}

/* ── Native MPA View Transitions (Chrome 126+, Safari 18+)
   Браузер плавно переходит между страницами без JS и SPA.
   Старые браузеры игнорируют это правило — обычная навигация. ── */
@view-transition {
    navigation: auto;
}

/* Плавный cross-fade для всего viewport при переходе */
::view-transition-old(root) {
    animation: 180ms ease-out both vt-fade-out;
}
::view-transition-new(root) {
    animation: 220ms ease-out both vt-fade-in;
}

@keyframes vt-fade-out {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@keyframes vt-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none;
    }
}