@import "tailwindcss";
@import "@nuxt/ui";

@theme static {
  --font-sans: 'Nunito', sans-serif;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* iOS Zoom-Fix: 16px verhindert Auto-Zoom bei Input-Fokus */
input,
select,
textarea {
  font-size: 16px !important;
}

/* Verhindert Double-Tap-Zoom auf Buttons und interaktiven Elementen */
button, a, [role="button"] {
  touch-action: manipulation;
}

/* ═══════════════════════════════════════════════════════════
   PAGE TRANSITIONS – iOS-style slide
   ═══════════════════════════════════════════════════════════ */

.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
  transition: opacity 200ms ease, transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform, opacity;
}

.slide-left-enter-from {
  opacity: 0;
  transform: translateX(20px);
}
.slide-left-leave-to {
  opacity: 0;
  transform: translateX(-20px);
}

.slide-right-enter-from {
  opacity: 0;
  transform: translateX(-20px);
}
.slide-right-leave-to {
  opacity: 0;
  transform: translateX(20px);
}