/* фрагмент: kz.buttons.arrow-zoom */
/* =====================================================================================
   KUZART 2026-10-21 · Кнопки .arrow-zoom («Оставить заявку» и родня) — движение (Дом №1750 / №1771)
   Владелец выбрал вариант 3 «Сначала круг со стрелкой»: появляется белый круг, в него въезжает стрелка,
   затем проявляется пилюля и надпись. Заливка белым при наведении остаётся, но спокойнее:
   круг разливается плавной кривой, фон не «щёлкает» обратно, стрелка бежит медленнее.
   Подключается после style.min.css (functions.php, handle kz-arrow-zoom-motion); старые правила не трогаем.
   Разметка и надписи те же — форма ищет кнопку по тексту. Откат: убрать wp_enqueue_style и этот файл.
   ===================================================================================== */
:root{--kz-az-ease:cubic-bezier(.22,1,.36,1);--kz-az-fill:cubic-bezier(.65,0,.35,1)}

/* старое появление (подъём на 40px за .8s) для этих кнопок выключено */
.arrow-zoom.simple-animation,
.arrow-zoom.simple-animation.isReady{opacity:1;-webkit-transform:none;transform:none;-webkit-transition:none;transition:none}

/* до появления: пустая пилюля, нет круга, стрелки и надписи (только если движение не выключено в системе) */
@media (prefers-reduced-motion:no-preference){
  .arrow-zoom.animation:not(.isReady) .arrow-zoom__body{background-color:transparent!important}
  .arrow-zoom.animation:not(.isReady) .arrow-zoom__body:after,
  .arrow-zoom.animation:not(.isReady) .arrow-zoom__body:before,
  .arrow-zoom.animation:not(.isReady) .arrow-zoom__body span{opacity:0}
}

/* появление: круг → стрелка → пилюля → надпись (fill backwards, чтобы не мешать наведению) */
.arrow-zoom.animation.isReady .arrow-zoom__body{-webkit-animation:kzAzPill .5s var(--kz-az-ease) .25s backwards;animation:kzAzPill .5s var(--kz-az-ease) .25s backwards}
.arrow-zoom.animation.isReady .arrow-zoom__body:after{-webkit-animation:kzAzCircle .4s var(--kz-az-ease) backwards;animation:kzAzCircle .4s var(--kz-az-ease) backwards}
.arrow-zoom.animation.isReady .arrow-zoom__body:before{-webkit-animation:kzAzArrow .35s var(--kz-az-ease) .2s backwards;animation:kzAzArrow .35s var(--kz-az-ease) .2s backwards}
.arrow-zoom.animation.isReady .arrow-zoom__body span{-webkit-animation:kzAzText .4s ease-out .45s backwards;animation:kzAzText .4s ease-out .45s backwards}
@-webkit-keyframes kzAzPill{from{background-color:transparent}}
@keyframes kzAzPill{from{background-color:transparent}}
@-webkit-keyframes kzAzCircle{from{opacity:0;-webkit-transform:translateY(-50%) scale(.4);transform:translateY(-50%) scale(.4)}}
@keyframes kzAzCircle{from{opacity:0;-webkit-transform:translateY(-50%) scale(.4);transform:translateY(-50%) scale(.4)}}
@-webkit-keyframes kzAzArrow{from{opacity:0;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}}
@keyframes kzAzArrow{from{opacity:0;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}}
@-webkit-keyframes kzAzText{from{opacity:0;-webkit-transform:translateX(-6px);transform:translateX(-6px)}}
@keyframes kzAzText{from{opacity:0;-webkit-transform:translateX(-6px);transform:translateX(-6px)}}

/* наведение: круг разливается за .6s ровной кривой; белый фон подкладывается, когда круг почти залил,
   и уходит сразу при уходе мыши — без прежней задержки .7s и «щелчка» */
.arrow-zoom .arrow-zoom__body{-webkit-transition:background-color .12s linear 0s,color .2s ease-in-out!important;transition:background-color .12s linear 0s,color .2s ease-in-out!important}
.arrow-zoom:hover .arrow-zoom__body{-webkit-transition:background-color .1s linear .5s,color .2s ease-in-out!important;transition:background-color .1s linear .5s,color .2s ease-in-out!important}
.arrow-zoom .arrow-zoom__body:after,
.arrow-zoom:hover .arrow-zoom__body:after{-webkit-transition:width .6s var(--kz-az-fill),height .6s var(--kz-az-fill),right .6s var(--kz-az-fill),opacity .3s ease;transition:width .6s var(--kz-az-fill),height .6s var(--kz-az-fill),right .6s var(--kz-az-fill),opacity .3s ease}
.arrow-zoom .arrow-zoom__body:before{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.arrow-zoom span{-webkit-transition:color .4s var(--kz-az-fill);transition:color .4s var(--kz-az-fill)}
/* стрелка бежит медленнее; появление стоит первым в списке, чтобы при уходе мыши не проигрывалось заново */
.arrow-zoom.animation:hover .arrow-zoom__body:before{-webkit-animation:kzAzArrow .35s var(--kz-az-ease) .2s backwards,buttonArrow-2 1.3s var(--kz-az-fill) infinite;animation:kzAzArrow .35s var(--kz-az-ease) .2s backwards,buttonArrow-2 1.3s var(--kz-az-fill) infinite}
.arrow-zoom:not(.animation):hover .arrow-zoom__body:before{-webkit-animation:buttonArrow-2 1.3s var(--kz-az-fill) infinite;animation:buttonArrow-2 1.3s var(--kz-az-fill) infinite}

@media (prefers-reduced-motion:reduce){
  .arrow-zoom .arrow-zoom__body,.arrow-zoom .arrow-zoom__body:after,.arrow-zoom .arrow-zoom__body:before,.arrow-zoom span{-webkit-animation:none!important;animation:none!important}
  .arrow-zoom .arrow-zoom__body:after,.arrow-zoom:hover .arrow-zoom__body:after{-webkit-transition:none;transition:none}
}