/* Sklandūs perėjimai ir paspaudimai (pagal clinicep.lt). Įjungiama tik kai lankytoja nenurodė „mažiau judesio“. */

/* Puslapių perėjimai tarp gkncoach.com puslapių (naršyklėse su View Transitions) */
@view-transition{navigation:auto}
::view-transition-old(root){animation:gknVtOut .38s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:gknVtIn .7s cubic-bezier(.16,1,.3,1) .08s both}
.nav{view-transition-name:site-head}
::view-transition-group(site-head){animation:none}
::view-transition-old(site-head){display:none}
::view-transition-new(site-head){animation:none}
@keyframes gknVtOut{to{opacity:0;transform:translateY(-8px)}}
@keyframes gknVtIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}

  /* Pirmo ekrano turinys įplaukia paeiliui */
  @keyframes gknPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .hero .text>*,.hero .photo,main>*:first-child>*{animation:gknPageIn .8s cubic-bezier(.16,1,.3,1) both}
  .hero .text>*:nth-child(2){animation-delay:.06s}
  .hero .text>*:nth-child(3){animation-delay:.12s}
  .hero .text>*:nth-child(n+4){animation-delay:.18s}
  .hero .photo{animation-delay:.1s}

  /* Visi paspaudžiami elementai */
  a,button,.btn,.pill,summary{transition-property:color,background-color,border-color,opacity,transform,box-shadow,filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
  .btn,.pill,.submit,.form-submit,.rk-btn{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),background-color .4s ease,color .4s ease,border-color .4s ease,filter .4s ease}
  @media (hover:hover){
    .btn:hover,.pill:hover,.submit:not(:disabled):hover,.form-submit:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(0,0,0,.65)}
    .offer,.ccard,.area,.fcard{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .4s ease}
    .offer:hover,.ccard:hover,.area:hover{transform:translateY(-4px);box-shadow:0 24px 44px -28px rgba(0,0,0,.7)}
    .ccard:hover,.area:hover{border-color:rgba(200,184,164,.45)}
    .offer .img img,.strip img{transition:transform 1s cubic-bezier(.16,1,.3,1)}
    .offer:hover .img img,.strip figure:hover img{transform:scale(1.04)}
  }
  .btn:active,.pill:active,.submit:not(:disabled):active,.form-submit:not(:disabled):active{transform:translateY(0) scale(.97);box-shadow:none;transition-duration:.08s}
}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
}