/* Interaction-only motion: content and layout are visible immediately. */
.yum-block-home .yum-category:hover{transform:none}
.yum-motion-arrow{display:inline-block}

@media (prefers-reduced-motion:no-preference){
  .yum-card,.yum-category,.yum-block-home .yum-category{transition:transform 180ms ease-out}
  .yum-body :is(.yum-button,.wp-block-button__link,.ff-btn-submit){transition:transform 120ms ease-out}
  .yum-body :is(.yum-button,.wp-block-button__link,.ff-btn-submit):active{transform:translateY(1px)}
  .yum-body :is(input,textarea,select){transition:border-color 150ms ease-out}
  .yum-motion-arrow,.yum-section-heading a .yum-icon{transition:transform 150ms ease-out}
  .yum-search-dialog[open]{animation:yum-search-enter 160ms ease-out}
  .yum-search-dialog[open]::backdrop{animation:yum-backdrop-enter 160ms ease-out}
  @media (hover:hover) and (pointer:fine){
    .yum-card:hover,.yum-category:hover,.yum-block-home .yum-category:hover{transform:translateY(-2px)}
    a:hover .yum-motion-arrow,.yum-section-heading a:hover .yum-icon{transform:translateX(3px)}
  }
}
@keyframes yum-search-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes yum-backdrop-enter{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  .yum-card,.yum-category,.yum-block-home .yum-category,
  .yum-body :is(.yum-button,.wp-block-button__link,.ff-btn-submit,input,textarea,select),
  .yum-motion-arrow,.yum-section-heading a .yum-icon{transition:none}
  .yum-card:hover,.yum-category:hover,.yum-block-home .yum-category:hover,
  .yum-body :is(.yum-button,.wp-block-button__link,.ff-btn-submit):active,
  a:hover .yum-motion-arrow,.yum-section-heading a:hover .yum-icon{transform:none}
  .yum-search-dialog,.yum-search-dialog::backdrop{animation:none}
}
@media print{
  .yum-card,.yum-category,.yum-block-home .yum-category{transform:none!important;transition:none!important}
}
