/* ==========================================================================
   UX Sizing Refinements — Japan-Koi Wild
   Reine Größen-/Abstands-Korrekturen für Mobil + Desktop.
   KEIN Design-, Farb- oder Layoutwechsel. Zuletzt geladen, gewinnt die Kaskade.
   Erstellt: 2026-06-09
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) Hero-Karussell-Punkte: rendern faktisch als 9x9px Button (zu klein zum
   Treffen). Tap-Fläche auf WCAG-konforme Größe vergrößern — der sichtbare
   Punkt (::before, 6px) bleibt optisch unverändert.
   Höhere Spezifität (.home .hero-carousel__dots .hero-carousel__dot) schlägt
   alle bestehenden 2-Klassen-Regeln inkl. Media-Queries.
   -------------------------------------------------------------------------- */
.home .hero-carousel__dots .hero-carousel__dot {
  width: 24px;
  height: 40px;
  min-width: 24px;
  flex: 0 0 24px;
}

/* --------------------------------------------------------------------------
   2) Footer-Menü-Links: waren display:inline, 19px hoch, padding 0 → zu klein
   zum Tippen. Vertikales Padding für komfortable Tap-Fläche (~35px), Grid-Gap
   reduziert, damit die Footer-Höhe nahezu gleich bleibt.
   -------------------------------------------------------------------------- */
.site-footer .footer-menu {
  gap: 0;
}
.site-footer .footer-menu a {
  display: inline-block;
  padding: 8px 0;
  line-height: 1.3;
}

/* --------------------------------------------------------------------------
   3) Shop-Filter-Dropdowns & -Felder: 36px → 44px (komfortable Touch-Höhe).
   -------------------------------------------------------------------------- */
.koi-filter-panel select,
.koi-filter-panel input,
.woocommerce-ordering select {
  min-height: 44px;
}

/* --------------------------------------------------------------------------
   4) Basis-Lesbarkeit: Body 15px → 16px. Formularfelder ≥16px verhindern den
   automatischen iOS-Zoom beim Fokussieren.
   -------------------------------------------------------------------------- */
body {
  font-size: 16px;
}
input,
select,
textarea {
  font-size: 16px;
}

/* --------------------------------------------------------------------------
   5) Enge Zeilenhöhen bei Display-Überschriften entspannen, damit mehrzeilige
   Titel nicht klippen (h1 war 35px Schrift / 34px Zeilenhöhe = 0,98).
   Minimaler Eingriff, visuell kaum wahrnehmbar.
   -------------------------------------------------------------------------- */
.hero-text-panel h1,
.hero-text-panel h2,
.single-product .product_title,
.single-product h1.entry-title,
.woocommerce-products-header__title {
  line-height: 1.08;
}