/* pki.eu v3 — znaki płatności (PkiPayMarks.cs; pliki i źródła: pay/ZRODLA.md). 869f7deet, 23.10.2026. Dołączany przez widoki,
   które pokazują znaki: krok „Płatność” i tematy (AppendCssFileParts), stopka — własnym <link> (stopka jest w layoucie, więc
   Append przyszedłby po <head>). Bez reguł dla .paylogos img z pkieu-v3.css: wiersz ma własną klasę .pm-row.
   Zasady wytycznych: wszystkie znaki tej samej widocznej wysokości (--pm-h; Apple/Google: nie mniejsze od innych znaków),
   odstęp między znakami --sp-2 ≥ pole ochronne (Apple ¼ wysokości, Google ½ wysokości „G”), gotowe znaki Apple/Google bez ramki
   motywu, zaokrągleń i tła; logotypy (PayPal) i nazwy na białym kaflu o promieniu znaku Apple (≈ 0,12 wysokości). */
:root{--pm-h:24px;}  /* wysokość znaku; miejsce użycia nadpisuje (krok „Płatność” 20 px) */
.pm-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);}
.pm{display:inline-flex;flex:none;align-items:center;height:var(--pm-h);}
.pm img{display:block;max-width:none;border:0;border-radius:0;background:none;}
.pm-card img{height:100%;width:auto;}
/* Google Pay mark: plik ma wokół znaku przezroczysty margines (viewBox 1094 × 742, znak 752 × 400 od 170,7 / 170) — kadr
   ramki to sam znak w tej samej wysokości co inne; pole ochronne zapewnia odstęp w wierszu, znak bez zmian */
.pm-googlepay{position:relative;overflow:hidden;width:calc(var(--pm-h) * 752 / 400);}
.pm-googlepay img{position:absolute;height:calc(var(--pm-h) * 742 / 400);top:calc(var(--pm-h) * -170 / 400);left:calc(var(--pm-h) * -170.7 / 400);}
.pm-tile{gap:calc(var(--pm-h) * .25);padding:0 calc(var(--pm-h) * .3);box-sizing:border-box;background:#fff;border:1px solid #c9c9c9;
  border-radius:calc(var(--pm-h) * .12);color:#1f1f1f;font-family:var(--head);font-weight:700;font-size:calc(var(--pm-h) * .46);
  line-height:1;letter-spacing:.01em;white-space:nowrap;}
/* PayPal: logo na 60 % wysokości kafla, po 20 % nad i pod nim + boczny padding = pole ochronne */
.pm-tile img{height:60%;width:auto;}
.pm-ico{width:calc(var(--pm-h) * .58);height:calc(var(--pm-h) * .58);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
/* wysoki kontrast: znaki marek bez przemalowania (barwy marek), kafle z obwódką 2 px jak reszta motywu */
:root[data-contrast="more"] .pm-tile{border:2px solid var(--hc-fg);}

/* stopka: wiersz (div.paylogos-row z .pm-row w środku) zajmuje miejsce dawnego .paylogos */
.paybar .paylogos-row{flex:1 1 auto;min-width:0;}

/* krok „Płatność”: znaki pod nazwą metody (jak czas dostawy pod nazwą w kartach wysyłki), mniejsze */
.pki-ck .ck-opt-marks{--pm-h:20px;margin-top:var(--sp-1);}
/* tematy: znak w treści stoi w linii z resztą obrazków; reguły obrazków treści (pkieu-content.css: max-width:100%, height:auto,
   marginesy) nie dotyczą znaku — wyższa szczegółowość */
.pc-prose .pm,.topic-html-content .pm{vertical-align:middle;margin:0 var(--sp-1) var(--sp-1) 0;}
:is(.pc-prose,.topic-html-content) .pm img{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;background:none;}
:is(.pc-prose,.topic-html-content) .pm-card img{height:100%;width:auto;}
:is(.pc-prose,.topic-html-content) .pm-tile img{height:60%;width:auto;}
:is(.pc-prose,.topic-html-content) .pm-googlepay img{height:calc(var(--pm-h) * 742 / 400);}
