/*
 * Y.K. Music — Мобільна навігація v0.2.1
 * Only the existing sticky mobile header is affected.
 * Animate "top", not transform: Core's fixed search/favorites panels must
 * retain their normal positioning when the header is visible.
 */
@media (max-width: 820px) {
  html.ykm-mobile-header-active .wp-site-blocks > header.wp-block-template-part,
  html.ykm-mobile-header-active body > header.wp-block-template-part {
    transition: top 240ms cubic-bezier(.2, .75, .25, 1);
  }

  html.ykm-mobile-header-active.ykm-mobile-header-hidden .wp-site-blocks > header.wp-block-template-part,
  html.ykm-mobile-header-active.ykm-mobile-header-hidden body > header.wp-block-template-part {
    top: calc(0px - var(--ykm-mobile-header-height, 220px)) !important;
  }
}

@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  html.ykm-mobile-header-active .wp-site-blocks > header.wp-block-template-part,
  html.ykm-mobile-header-active body > header.wp-block-template-part {
    transition: none !important;
  }
}