/* slider-boks-v2: wspólne style boksu zamówienia - pasek zaufania 2x2 (partials/trust-strip) i pigułki metod płatności
   (partials/payment-pills). Przeniesione 1:1 ze stylów FC 27 Coins (packet-v2.css .pv2-zauf*, pigułki z bloku desc-fc27-v2-2-tresci),
   bez przypięcia do #mthdform. Stary packet-v2.css zostaje bez zmian (stary widok). */

/* ---------- Pasek zaufania ---------- */
.bx2-zauf { --bx2-cond: var(--pv2-cond, 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 12px 0 0; border: 1px solid #2a3140; border-radius: 14px; background: #2a3140; overflow: hidden; font-family: Barlow, Arial, Helvetica, sans-serif; text-align: left; }
.bx2-zauf-k { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 11px 12px; background: #151a23; color: inherit; text-decoration: none; }
.bx2-zauf-k:last-child:nth-child(odd) { grid-column: 1 / -1; }
a.bx2-zauf-k:hover { background: #1b2130; }
a.bx2-zauf-k:focus-visible { outline: 2px solid #ffd24a; outline-offset: -2px; }
.bx2-zauf-duzy { display: flex; align-items: center; gap: 5px; min-width: 0; font-family: var(--bx2-cond); font-weight: 800; font-size: 20px; line-height: 1.1; color: #fff; white-space: nowrap; }
.bx2-zauf-duzy > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.bx2-zauf-ik { flex-shrink: 0; width: 16px; height: 16px; }
.bx2-zauf-k--gw .bx2-zauf-ik { color: #fcc715; }
.bx2-zauf-k--tp .bx2-zauf-ik { color: #00b67a; }
.bx2-zauf-k--ok .bx2-zauf-ik { color: #34d399; }
.bx2-zauf-maly { font-size: 12px; line-height: 1.3; color: #9aa3b2; }
.bx2-zauf-maly b { color: #d7dbe2; font-weight: 600; }
/* Układ FC 27 Coins: pasek wciśnięty na dół kolumny podsumowania, marginesy jak dotąd */
.bx2-zauf--coins, .bx2-zauf--bilet { margin: auto 22px 18px; }

/* Wariant jasny (D2): pod przyciskiem na jasnych stronach. Kontrasty WCAG AA zmierzone w POMIARY-BOKS.md */
.bx2-zauf--light { border-color: #cfd6e2; background: #cfd6e2; }
.bx2-zauf--light .bx2-zauf-k { background: #f6f8fb; }
.bx2-zauf--light a.bx2-zauf-k:hover { background: #eaeff6; }
.bx2-zauf--light a.bx2-zauf-k:focus-visible { outline-color: #1a56c4; }
.bx2-zauf--light .bx2-zauf-duzy { color: #0f1520; }
.bx2-zauf--light .bx2-zauf-maly { color: #465163; }
.bx2-zauf--light .bx2-zauf-maly b { color: #1b2433; }
.bx2-zauf--light .bx2-zauf-k--gw .bx2-zauf-ik { color: #8a5d00; }
.bx2-zauf--light .bx2-zauf-k--tp .bx2-zauf-ik { color: #047857; }
.bx2-zauf--light .bx2-zauf-k--ok .bx2-zauf-ik { color: #047857; }

@media (max-width: 359px) {
  .bx2-zauf-duzy { font-size: 18px; }
  .bx2-zauf-k { padding: 10px; }
}

/* ---------- Pigułki metod płatności ---------- */
.bx2-pig { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 12px 0 0; padding: 0; font-family: Barlow, Arial, Helvetica, sans-serif; }
.bx2-pig--blok { margin: 0; padding: 0 22px; }
.bx2-pig-p { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; line-height: normal; color: #c9d0da; border: 1px solid #2a3140; border-radius: 999px; padding: 4px 9px 4px 7px; white-space: nowrap; }

/* ---------- Boosting: boks podsumowania na telefonie (D1) - tylko nowy widok (klasa bv2--boks-v2 na #bv2) ---------- */
@media (max-width: 1023px) {
  .bv2--boks-v2 .bv2-bok .bv2-sum { display: block; }
  /* miniatura podsumowania w formularzu (DR) byłaby drugą kopią tych samych wierszy */
  .bv2--boks-v2 .bv2-mini { display: none; }
  /* przycisk w boksie jest na stronie, więc dolny pasek z kwotą nie dubluje go, gdy boks jest na ekranie (klasa z boks-v2.js) */
  body.bx2-kup-widoczny .bv2-pasek { display: none !important; }
  body.bx2-kup-widoczny.bv2-pasek-on { padding-bottom: 0 !important; }
  body.bx2-kup-widoczny.bv2-pasek-on #chat-widget-container,
  body.bx2-kup-widoczny.bv2-pasek-on #chatbase-bubble-button,
  body.bx2-kup-widoczny.bv2-pasek-on div[id^="chatbase-bubble"] { bottom: var(--bv2-nav, 0px) !important; }
}

/* Galeria: kolumna .gf-sum ma własny odstęp (gap) */
.gf-sum .bx2-pig, .gf-sum .bx2-zauf { margin: 0; }
