/* ============================================================
   PARTNERZY SERWISU — reklamy i linki legalnych bukmacherów
   (29.09.2026). Jeden arkusz dla wszystkich miejsc: pas pod stopką,
   Nauka gry, strona partnerzy.php i blok „U bukmacherów” w Typach.
   Kolory tylko z tokenów motywu — działa w obu skórkach.

   Reklama ma wyglądać jak reklama: etykieta „Reklama”, znak 18+,
   przerywana ramka — nikt nie pomyli jej z treścią serwisu.
   ============================================================ */
.pa-strona{max-width:960px}
.pa-siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:6px 0 12px}

.pa-karta{display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;
  border:1px dashed var(--line2,var(--line));border-radius:var(--rad,12px);
  background:color-mix(in srgb,var(--panel,transparent) 70%,transparent);color:var(--tx);min-width:0}
.pa-gora{display:flex;justify-content:space-between;align-items:center}
.pa-etykieta{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);font-weight:700}
.pa-18{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 6px;
  border:1.5px solid currentColor;border-radius:999px;font-size:11px;font-weight:800;color:var(--mut);line-height:1;box-sizing:border-box}
.pa-tresc{display:flex;gap:12px;align-items:flex-start;min-width:0}
.pa-obr{width:56px;height:56px;object-fit:contain;flex:none;border-radius:8px;background:#fff;padding:4px;box-sizing:border-box}
.pa-nazwa{display:block;font-size:16px;margin:0 0 2px;overflow-wrap:anywhere}
.pa-nagl{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4}
.pa-tekst{margin:0;font-size:13px;line-height:1.5;color:var(--mut)}
.pa-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;
  border-radius:var(--r-sm,8px);border:1px solid var(--line);background:transparent;color:var(--tx);
  font-size:13.5px;font-weight:700;text-decoration:none}
.pa-btn:hover{border-color:var(--acc2,var(--acc));color:var(--acc2,var(--acc))}
.pa-btn:focus-visible,.bk-lnk:focus-visible,.bk-kv:focus-visible{outline:2px solid var(--acc2,var(--acc));outline-offset:2px}

/* Informacja pod banerami (art. 29b ust. 3) — czytelna, nie „drobny druk”. */
.pa-kom{display:flex;gap:12px;align-items:flex-start;margin:4px 0 0;padding:12px 14px;
  border:1px solid var(--line);border-radius:var(--rad,12px);background:var(--panel,transparent)}
.pa-kom p{margin:0;font-size:12.5px;line-height:1.55;color:var(--mut)}
.pa-kom b{color:var(--tx);font-weight:600}
.pa-kom a{color:var(--acc2,var(--acc))}
.pa-18-duze{min-width:40px;height:28px;font-size:13px;color:var(--tx);flex:none}

.pa-naglowek{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.pa-naglowek h2{margin:0;font-size:18px}
.pa-naglowek a{font-size:13px;color:var(--mut)}
.pa-naglowek a:hover{color:var(--acc2,var(--acc))}

/* —— pas POD stopką —— */
.pa-pas{border-top:1px solid var(--line);padding:22px 0 28px;margin-top:0}
.pa-pas .wrap{max-width:1180px;margin:0 auto;padding:0 20px;box-sizing:border-box}

/* —— Nauka gry —— */
.pa-nauka{margin:10px 0 34px}

/* —— Strona główna i „Sprawdzone rynki” (16.10.2026) —— */
.pa-glowna{padding-top:8px;padding-bottom:8px}
.pa-glowna .wrap{max-width:1180px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.pa-co{margin:0 0 22px;max-width:960px}

/* —— strona partnerzy.php: opis zasad —— */
.pa-blok{margin:0 0 28px}
.pa-blok h2{margin-bottom:10px}
.pa-lista{margin:0;padding-left:0;list-style:none}
.pa-lista li{position:relative;padding:0 0 0 20px;margin:0 0 11px;font-size:15px;line-height:1.65}
.pa-lista li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--acc2,var(--acc))}

/* —— Typy: kurs z linkiem do bukmachera i blok „U bukmacherów” —— */
.kvb{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;max-width:100%}
.bk-kv{display:block;font-size:10.5px;line-height:1.2;color:var(--mut);text-decoration:none;white-space:nowrap;
  max-width:110px;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dotted currentColor}
.bk-kv:hover{color:var(--acc2,var(--acc))}
.bk{margin:12px 0 4px;padding:10px 12px;border:1px dashed var(--line2,var(--line));border-radius:var(--r-sm,8px)}
.bk-gl{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;
  font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);font-weight:700}
.bk-w{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:6px 0;
  border-top:1px solid var(--line);font-size:13.5px}
.bk-w:first-of-type{border-top:0}
.bk-n{font-weight:700;overflow-wrap:anywhere}
.bk-k{font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-weight:700;min-width:42px;text-align:right}
.bk-k.naj{color:var(--acc2,var(--acc))}
.bk-k.brak{color:var(--mut);font-weight:400}
.bk-lnk{font-size:12.5px;font-weight:700;text-decoration:none;color:var(--tx);border:1px solid var(--line);
  border-radius:6px;padding:4px 9px;white-space:nowrap}
.bk-lnk:hover{border-color:var(--acc2,var(--acc));color:var(--acc2,var(--acc))}
.bk .pa-kom{margin-top:8px;padding:9px 10px}
.bk .pa-kom p{font-size:11.5px}

@media(max-width:520px){
  .pa-siatka{grid-template-columns:1fr}
  .pa-kom{flex-direction:column;gap:8px}
}