/* ============================================================
   MOBILE KEYBOARD
   ============================================================ */
:root {
  --ayi-keyboard-bottom: 0px;
}

@media (max-width: 640px) {
  html.ayi-keyboard-active {
    scroll-padding-bottom: calc(96px + var(--ayi-keyboard-bottom));
  }
  html.ayi-keyboard-active .nav.is-floating {
    bottom: var(--ayi-keyboard-bottom);
  }
  html.ayi-keyboard-active .whatsapp-float {
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px) scale(.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.ayi-keyboard-active .whatsapp-float {
    transform: none;
  }
}