/* ═══════════════════════════════════════════════════════════════════
   smalandhaus.de · Plattform · Custom CSS
   Ergänzungen zu Tailwind CDN
   ═══════════════════════════════════════════════════════════════════ */

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.font-display {
  font-family: 'Playfair Display', Georgia, serif;
}

/* ─── Form Inputs (konsistent über die ganze Plattform) ─────────── */
.field input[type="text"],
.field input[type="email"],
.field input[type="password"],
.field input[type="tel"],
.field input[type="number"],
.field select,
.field textarea {
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  outline: none;
  border-color: #0057b7;
  box-shadow: 0 0 0 3px rgba(0, 87, 183, .12);
  background: #fff;
}

/* ─── Auth-Karten Hintergrund (Login/Register) ──────────────────── */
.auth-bg {
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.5), transparent 45%),
    radial-gradient(circle at 88% 78%, rgba(255,204,0,.15), transparent 50%),
    linear-gradient(135deg, #f4f6fa 0%, #e8eef7 100%);
}

/* ─── Honeypot (Bot-Falle) ──────────────────────────────────────── */
.hp-trap {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ─── Reduzierte Bewegung respektieren ──────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}