/* Partner-Weltkarte (16.10.2026, static/partner_weltkarte.js). Farbe je Hauptsparte kommt als --hs vom Server (partner.HAUPTSPARTEN):
   weisse Schrift darauf >= 5:1, dazu ein weisser Rand — so heben sich Nadeln und Chips im hellen wie im dunklen Thema ab. */
.pwk-filter { display: grid; gap: 6px; margin: 8px 0 }
.pwk-chips { display: flex; flex-wrap: wrap; gap: 6px }
.pwk-chip { --hs: #3a2750; display: inline-flex; align-items: center; gap: 4px; min-height: 36px; padding: 6px 12px; border-radius: 999px;
  border: 2px solid var(--hs); background: transparent; color: var(--milch); font: inherit; font-size: .9rem; font-weight: 700; cursor: pointer }
.pwk-chip[aria-pressed="true"] { background: var(--hs); border-color: #fff; color: #fff; box-shadow: 0 0 0 1px var(--hs) }
.pwk-chip:focus-visible { outline: 3px solid var(--korall); outline-offset: 2px }
.pwk-unter .pwk-chip { min-height: 32px; font-size: .82rem; padding: 4px 10px }
.pwk-hinweis { margin: 0; min-height: 1.2em; color: var(--nebel) }
.pwk-karte-flaeche { height: clamp(320px, 60vh, 520px); border-radius: 16px; overflow: hidden; border: 1px solid var(--linie) }
.pwk-huelle { background: none; border: 0 }
.pwk-nadel { --hs: #475569; position: relative; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg); background: var(--hs); border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.35) }
.pwk-nadel > span { transform: rotate(45deg); font-size: 17px; line-height: 1 }
.pwk-nadel-aktion { position: absolute; top: -6px; right: -6px; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%;
  background: #fff; color: #b91c1c; font: 800 11px/1 system-ui, sans-serif; font-style: normal; box-shadow: 0 1px 3px rgba(0,0,0,.4) }
.pwk-haufen { --hs: #3a2750; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--hs); color: #fff;
  font-weight: 800; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,.35) }
.pwk-karte { display: grid; gap: 4px; color: #1b1024 }
.pwk-karte img { width: 100%; height: 110px; object-fit: cover; border-radius: 10px }
.pwk-sparte { --hs: #475569; justify-self: start; padding: 2px 8px; border-radius: 999px; background: var(--hs); color: #fff; font-size: .75rem; font-weight: 700 }
.pwk-name { font-size: 1rem }
.pwk-ort, .pwk-km { color: #5a4a66 }
.pwk-aktion { justify-self: start; padding: 2px 8px; border-radius: 6px; background: #fde68a; color: #1b1024; font-size: .78rem; font-weight: 700 }
.pwk-karte p { margin: 2px 0 }
.pwk-preis { font-weight: 700 }
.pwk-karte .knopf { justify-self: start; margin-top: 4px; color: #fff }
.pwk-bald { padding: 18px; border: 2px dashed var(--linie); border-radius: 16px; text-align: center }
/* Freunde-Karte (karte.html): Knopf «🏪 Partner zeigen» */
.ka-partner-zeile { margin: 6px 0 }
#ka-partner-knopf[aria-pressed="true"] { background: var(--korall); border-color: var(--korall); color: #fff }
/* 18.10.2026 (Owner): Stand der Nadel im Promoter-Bereich — rot = angemeldet, noch nicht fertig · gruen = alles erledigt */
.pwk-stand { justify-self: start; padding: 2px 8px; border-radius: 6px; color: #fff; font-size: .75rem; font-weight: 700 }
.pwk-stand-rot { background: #b91c1c } .pwk-stand-gruen { background: #15803d }
.pwk-eigen { color: #5a4a66; font-style: italic }
/* 19.10.2026 (Owner, P2 — partner_ablauf): HOHL rot = vom Promoter gemeldet, der Betrieb hat noch nicht bestaetigt (weiss gefuellt, roter Rand,
   rotes Symbol) · Abzeichen «MEEYO Partnerbetrieb» (P5) auf der Nadel-Karte */
.pwk-nadel.pwk-hohl { background: #fff; border: 3px solid #b91c1c }
.pwk-nadel.pwk-hohl > span { filter: grayscale(.2) }
.pwk-stand-hohl { background: #fff; color: #b91c1c; border: 2px solid #b91c1c }
.pwk-abzeichen { justify-self: start; padding: 2px 8px; border-radius: 999px; background: #15803d; color: #fff; font-size: .75rem; font-weight: 800 }