/* =============================================================
 * KERPC — переходы между страницами (Cross-document View Transitions API)
 *
 * Эффект: уходящая страница быстро затухает с лёгким blur + scale, а новая
 * «раскрывается» сверху вниз поверх краткой вспышки фирменного azure —
 * ощущение мягко опускающегося занавеса / разворачиваемого листа.
 *
 * Всё нативно браузером, без JS. Поддержка ~85% трафика (Chrome/Edge 126+,
 * Safari 18.2+, Opera). Firefox / Samsung Internet / старые браузеры просто
 * игнорируют @view-transition → обычная мгновенная загрузка (никаких поломок).
 * wp-admin / wp-login / скачивание файлов не подхватывают этот стиль (их CSS
 * не содержит @view-transition) → переход там не запускается автоматически.
 * prefers-reduced-motion → перехода нет.
 * ============================================================= */

@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
}

/* фон-«занавес» — виден в зазоре между уходящей и приходящей страницами */
::view-transition { background: var(--ink-azure-deep, #1B3556); }

@keyframes kerpc-vt-leave {
  to { opacity: 0; transform: scale(0.965); filter: blur(7px); }
}
@keyframes kerpc-vt-enter {
  from { clip-path: inset(0 0 100% 0); opacity: 0.65; }
  to   { clip-path: inset(0 0 0 0);    opacity: 1; }
}

::view-transition-old(root) {
  animation: 240ms cubic-bezier(0.4, 0, 1, 1) both kerpc-vt-leave;
}
::view-transition-new(root) {
  animation: 460ms cubic-bezier(0.66, 0, 0.2, 1) both kerpc-vt-enter;
}

/* админ-бар (только для залогиненных) — отдельная группа, не «занавешивается» */
#wpadminbar { view-transition-name: kerpc-adminbar; }

/* запасной тормоз, если переход где-то всё же включится при reduced-motion */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation-duration: 1ms !important;
    animation-delay: 0s !important;
  }
}