/* -----------------------------------------------------------------------
 * Mobile / touch device fixes for button hover animations.
 *
 * On desktop, .main-button and .nav-link have Webflow IX2 hover animations
 * that draw outlines, expand corners, and slide their text up to reveal a
 * second copy. Touch devices fire "mouse-enter" on tap but no
 * "mouse-leave", so the buttons get stuck mid-animation.
 *
 * For pointer-coarse / hover-none devices we override the IX2 inline
 * transforms with !important so every button renders in a stable, finished
 * state (outlines drawn, text in rest position) and no animation can
 * leave it half-painted.
 * --------------------------------------------------------------------- */

@media (hover: none) and (pointer: coarse) {

  /* --- Main buttons (Kontakt / Termin buchen) --- */
  .main-button .button-text-block {
    transform: none !important;
  }

  /* Outlines: force fully-drawn rest state */
  .main-button .horizontal-outline {
    width: 100% !important;
    transform: none !important;
  }
  .main-button .vertical-outline {
    height: 100% !important;
    transform: none !important;
  }

  /* Corner ticks: keep at their CSS-set sizes; suppress any IX2 transform */
  .main-button .corner-01,
  .main-button .corner-02,
  .main-button .corner-03,
  .main-button .corner-04,
  .main-button .corner-05,
  .main-button .corner-06,
  .main-button .corner-07,
  .main-button .corner-08 {
    transform: none !important;
  }

  /* Note: nav-link and social-link transforms are intentionally NOT overridden
   * here because the same transform property is reused by the mobile menu's
   * open/close animation — overriding it would make the menu links appear
   * instantly with no animation. */
}