/* ============================================================================
   trefferflaechen.css — gemeinsame Mindestgroesse fuer Bedienelemente
   auf allen Seiten der Verkaufsanwendung.

   Anlass (08.08.2026): gemessen 20 Bedienelemente unter 44 Pixel auf den
   Unterseiten — Navigation, "Zurueck", Mail- und Quellenlinks, Knoepfe der
   Hinweisleiste. Im Produkt steht die Regel seit heute im Fundament
   werkflow.css; die Verkaufsseiten hatten kein Fundament, jede Seite bringt
   ihren eigenen Stilblock mit.

   Diese Datei enthaelt BEWUSST nur Verhalten, keine Gestaltung — keine
   Farben, keine Schriften, kein Layout. Dadurch kann sie jeder Seite
   hinzugefuegt werden, ohne ihr Aussehen zu veraendern: sie macht
   ausschliesslich Tippflaechen groesser.

   Prueffrage wie im Produkt: Was passiert, wenn jemand mit Handschuhen auf
   einer Baustelle das benutzt?
   Nachmessen: node /opt/marlene/apps/abnahme-funnel-browser.cjs
   ========================================================================= */

/* Echte Knoepfe: Mindesthoehe wirkt direkt. */
button,
.btn,
.btn-primary,
.btn-ghost,
.ss-btn,
a.btn,
a.cta,
[role="button"] {
  min-height: 44px;
}

/* Textlinks in Navigation, Fusszeile und Fliesstext: bei inline-Elementen
   wirkt min-height nicht — die Tippflaeche entsteht ueber den Innenabstand.
   Die Zeile bleibt dabei eine Zeile. */
nav a,
header a,
footer a,
.footer-links a,
.footer-copy a,
.card p a,
main p a {
  display: inline-block;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

/* Hinweisleiste zur Einwilligung: der Verweis auf die Datenschutzerklaerung
   war 15 Pixel hoch — ausgerechnet der, mit dem jemand nachliest, wozu er
   gerade Ja sagt. */
#ss-cookie-banner p a {
  display: inline-block;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

/* ── Nachschaerfung nach der ersten Messung ───────────────────────────────
   Uebrig blieben Links in Listen und Tabellen (AGB, Impressum) sowie
   Logo-Verweise mit eigener Zeilenhoehe. Gemessen, nicht geraten:
   .8rem ergab an einer Stelle 43px - hier .9rem. */
li a,
td a,
.card a,
.logo,
a.logo,
.nav-logo,
.header a {
  display: inline-block;
  padding-top: .9rem;
  padding-bottom: .9rem;
}

/* ── Dritte Messung: die letzten Einzelfaelle ─────────────────────────────
   Gemessen statt geraten - uebrig blieben Verweise in eigenen Huellen
   (div.wrap, div.box, div.footer-nav), Kopfzeilen-Knoepfe mit fester Hoehe
   und Beschriftungen von Ankreuzfeldern. Letztere sind Bedienelemente:
   wer eine Einwilligung setzen soll, muss sie treffen koennen. */
.wrap > a,
.box a,
.footer-nav a,
.page p a,
.header a,
nav div a,
label span a,
label > span {
  display: inline-block;
  padding-top: .9rem;
  padding-bottom: .9rem;
}
.header a.btn,
.header a[class*="cta"],
header a[class*="btn"] { min-height: 44px; padding-top: .7rem; padding-bottom: .7rem; }

/* ── Vierte und letzte Messung ────────────────────────────────────────────
   Zwei Einzelfaelle: der Zurueck-Verweis im Impressum-Kopf (40px, eigene
   Zeilenhoehe schluckt den Innenabstand) und mein eigener Katalog-Verweis
   von heute, der als Ueberschrift in .wert-num sitzt. */
nav a[href], body > nav a { min-height: 44px; padding-top: .9rem; padding-bottom: .9rem; }
.wert-num a { display: inline-block; padding-top: .8rem; padding-bottom: .8rem; }