/* ==========================================================================
   JHB Mobile Header Actions – Motion
   Nicht kritische Interaktions- und Morph-Effekte.
   Wird bewusst nach dem ersten Render nachgeladen.
   ========================================================================== */

@media (max-width: 920px) {
  body.jhb-mobile-header-actions-enabled .site-header .jhb-mobile-header-actions,
  body.jhb-mobile-header-actions-enabled #masthead .jhb-mobile-header-actions {
    transition:
      opacity .24s ease,
      transform .28s cubic-bezier(.22,1,.36,1),
      visibility .24s ease,
      filter .24s ease,
      gap .42s cubic-bezier(.22,1,.36,1);
  }

  @keyframes jhbMhaItemReturn {
    0% {
      opacity: 0;
      transform: translateY(-5px) scale(.94);
      filter: blur(2px);
    }
    64% {
      opacity: 1;
      transform: translateY(1px) scale(1.025);
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
      filter: blur(0);
    }
  }

  .jhb-mobile-header-actions.is-returning .jhb-mobile-header-actions__button {
    animation: jhbMhaItemReturn .46s cubic-bezier(.22,1,.36,1) both;
    will-change: transform, opacity, filter;
  }

  .jhb-mobile-header-actions.is-returning .jhb-mobile-header-actions__button:nth-child(1) {
    animation-delay: 0ms;
  }

  .jhb-mobile-header-actions.is-returning .jhb-mobile-header-actions__button:nth-child(2) {
    animation-delay: 75ms;
  }

  .jhb-mobile-header-actions.is-returning .jhb-mobile-header-actions__button:nth-child(3) {
    animation-delay: 150ms;
  }

  .jhb-mobile-header-actions__button {
    transition:
      width .42s cubic-bezier(.22,1,.36,1),
      transform .2s ease,
      opacity .16s ease,
      color .16s ease,
      background-color .16s ease;
  }

  body.jhb-mobile-header-actions-enabled .jhb-mobile-header-actions__button:focus-visible {
    box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.68);
  }

  .jhb-mobile-header-actions__button:active {
    transform: scale(.965);
  }

  .jhb-mobile-header-actions__button img,
  .jhb-mobile-header-actions__button svg {
    transition:
      transform .42s cubic-bezier(.22,1,.36,1),
      filter .18s ease,
      opacity .18s ease;
  }

  .jhb-mobile-header-actions__label {
    transition:
      opacity .18s ease,
      transform .34s cubic-bezier(.22,1,.36,1),
      max-width .36s cubic-bezier(.22,1,.36,1),
      max-height .28s ease;
  }

  .jhb-mobile-header-actions__button[aria-pressed="true"] img,
  .jhb-mobile-header-actions__button[aria-pressed="true"] svg {
    filter: drop-shadow(0 2px 8px rgba(255,255,255,.12));
  }

  .jhb-mobile-header-actions.is-compact .jhb-mobile-header-actions__label {
    transition-delay: 0s;
  }

  .jhb-mobile-header-actions:not(.is-compact) .jhb-mobile-header-actions__label {
    transition-delay: .07s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jhb-mobile-header-actions,
  .jhb-mobile-header-actions__button,
  .jhb-mobile-header-actions__button img,
  .jhb-mobile-header-actions__button svg,
  .jhb-mobile-header-actions__label {
    transition: none;
    animation: none;
  }
}