/* Vereinsshop · Plain-CSS (ergänzt Tailwind).
   Farben kommen aus den CSS-Variablen, die im <head> dynamisch gesetzt werden. */

/* Logo-Emblem (inline-SVG, folgt dem Theme) */
.vs-logo { display: inline-flex; align-items: center; }
.vs-logo svg { display: block; height: 100%; width: auto; }
.vs-logo-ball { fill: rgb(var(--brand)); }
.vs-logo-seam { stroke: rgb(var(--ink)); stroke-width: 2.4; }

/* Honeypot – für Menschen unsichtbar */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px; height: 1px;
  opacity: 0; pointer-events: none;
}

/* Sanftes Scroll-Verhalten + Anker-Offset unter der Sticky-Navi */
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 5rem; }

/* Kleiner Komfort: Zahlenfelder ohne Spinner */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
