/* Stripe WPziom 1.2.0 - wiersze metod w kasie FluentCart (BLIK, Karta, Przelewy24, Apple Pay / Google Pay, Klarna).
   Wzór: kasa WooCommerce na wpziom.pl (woo-tpay-wpziom). Kółko po lewej, nazwa pogrubiona, logo po prawej,
   wybrany wiersz jako biała karta z cieniem, pozostałe płaskie, bez ramek i szarych teł. Barwy z design systemu WPziom. */

.fct_payment_methods_list .fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"]{
  border:0!important;border-radius:14px!important;background:#fff!important;
  box-shadow:0 0 0 1px rgba(15,23,42,.07),0 1px 3px rgba(15,23,42,.06)!important;
  margin:0 0 10px!important;transition:box-shadow .16s ease}
.fct_payment_methods_list .fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"].active{
  box-shadow:0 0 0 2px #f97316,0 12px 28px -14px rgba(15,23,42,.35)!important}
.fct_payment_methods_list .fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"]:focus-visible{
  outline:2px solid #0f172a;outline-offset:2px}

.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] > label{
  display:flex!important;align-items:center;gap:12px;padding:14px 16px!important;border:0!important;
  font-family:Inter,system-ui,sans-serif;font-size:15.5px!important;font-weight:600!important;line-height:1.35!important;
  color:#0f172a!important;cursor:pointer}
/* Kółko wyboru (radio FluentCart jest ukryte). */
.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] > label::before{
  content:"";flex:0 0 20px;width:20px;height:20px;box-sizing:border-box;border-radius:50%;
  border:2px solid #cbd5e1;background:#fff;transition:border .16s ease}
.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"].active > label::before{border:6px solid #f97316}
@media (hover:hover){
  .fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"]:not(.active) > label:hover::before{border-color:#94a3b8}
}
/* Logo metody po prawej, w białym zaokrąglonym pudełku (pliki SVG mają własne tło i obwódkę). */
.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] > label img{
  order:2;margin:0 0 0 auto!important;height:26px!important;width:auto!important;max-width:none!important;
  flex:0 0 auto;border-radius:4px;box-shadow:none!important}
.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] > label .checkmark{display:none}

/* Treść wybranego wiersza pod nazwą metody (wcięcie do tekstu, nie do kółka). */
.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] .fluent-cart-checkout_embed_payment_wrapper{
  padding-left:48px!important;padding-right:16px!important}
/* Karol 9.11: wszystkie wiersze rozwinięte od wejścia do kasy, bez klikania (FluentCart rozwija tylko wybrany). */
.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] .fluent-cart-checkout_embed_payment_wrapper{
  grid-template-rows:1fr!important;padding-bottom:16px!important}
.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] .fluent-cart-checkout_embed_payment_container{overflow:visible!important}
.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"]:not(.active) .fcs-blad{display:none}
.fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] .fluent-cart-checkout_embed_payment_container{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
/* Wiersz bez treści (np. błąd ładowania pusty) nie dostaje odstępu. */

/* Apple Pay / Google Pay tylko w przeglądarce, która je ma (checkout.js dopisuje klasę po sprawdzeniu). */
body:not(.fcs-portfel-ok) .fct_payment_method_fc_stripe_wallet{display:none!important}
/* Przy wybranym portfelu płaci przycisk portfela w wierszu, przycisk zamówienia FluentCart znika. */
body.fcs-portfel-wybrany .fct_place_order_btn_wrap{display:none!important}

.fcs{font-family:Inter,system-ui,sans-serif;color:#334155;padding:2px 0 0}
/* FluentCart stylizuje każdą etykietę w wierszu jak nagłówek metody (.fct_payment_method_logo label): zdejmujemy to. */
.fct_payment_method_wrapper .fcs label{display:block!important;width:auto!important;padding:0!important;margin:0 0 6px!important;gap:0!important;
  font-size:14px!important;font-weight:500!important;line-height:1.4!important;color:#334155!important;cursor:default;border:0!important;user-select:auto}
.fct_payment_method_wrapper .fcs label::before{content:none!important;display:none!important}
.fcs p{margin:0}
.fct_payment_method_wrapper .fcs .fcs-ladowanie,.fct_payment_method_wrapper .fcs .fcs-podpowiedz,.fcs-ladowanie,.fcs-podpowiedz{font-size:14px!important;font-weight:400!important;line-height:1.5!important;color:#64748b!important}
.fct_payment_method_wrapper .fcs .fcs-ujawnienie,.fcs-ujawnienie{margin:0 0 12px!important;font-size:13.5px!important;font-weight:400!important;line-height:1.55!important;color:#334155!important}
.fct_payment_method_wrapper .fcs .fcs-blad,.fcs-blad{margin:10px 0 0!important;font-size:14px!important;line-height:1.5!important;color:#dc2626!important;font-weight:500!important}
.fcs-blad:empty,.fcs-ujawnienie:empty,.fcs-ladowanie:empty,.fcs-podpowiedz:empty{display:none}

/* BLIK: duże pole kodu jak w kasie Woo. */
.fcs-blik-etykieta{display:block;margin:0 0 6px;font-size:14px;font-weight:500;color:#334155}
.fcs input.fcs-blik-kod{display:block;width:100%;max-width:240px;box-sizing:border-box;margin:0;padding:12px 16px!important;
  border:1px solid #e9e6df!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;
  font:600 24px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.18em!important;color:#0f172a!important;text-align:center;height:auto!important}
.fcs input.fcs-blik-kod:focus{outline:none;border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.18)!important}
.fcs input.fcs-blik-kod[disabled]{opacity:.55}
.fct_payment_method_wrapper .fcs .fcs-blik-podpowiedz,.fcs-blik-podpowiedz{margin:8px 0 0!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important;color:#64748b!important}
.fcs-czekam{display:flex;align-items:center;gap:12px;margin:12px 0 0!important;padding:12px 14px;border-radius:12px;
  background:#fff7ed;color:#0f172a;font-size:14px;line-height:1.45}
.fcs-czekam[hidden]{display:none}
.fcs-czekam strong{display:block;font-weight:600}
.fcs-krec{flex:0 0 24px;width:24px;height:24px;box-sizing:border-box;border-radius:50%;border:3px solid #fed7aa;border-top-color:#f97316;
  animation:fcs-krec 1s linear infinite}
@keyframes fcs-krec{to{transform:rotate(360deg)}}

/* Karta: pola Stripe w ramkach jak pole BLIK-a. */
.fcs-karta{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px}
.fcs-karta-pole{grid-column:span 2}
.fcs-karta-pole.fcs-pol{grid-column:span 1}
.fcs-karta-pole label{display:block;margin:0 0 6px;font-size:13.5px;font-weight:500;color:#334155}
.fcs-karta-ramka{padding:13px 14px;border:1px solid #e9e6df;border-radius:12px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}
.fcs-karta-ramka.StripeElement--focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.18)}
.fcs-karta-ramka.StripeElement--invalid{border-color:#dc2626}

.fcs-portfel{min-height:48px;max-width:420px}

/* Przelewy24: kafelki banków jak kafelki Tpay w kasie Woo. */
.fcs-banki{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin:10px 0 0}
.fct_payment_method_wrapper .fcs button.fcs-bank{appearance:none;-webkit-appearance:none;margin:0;display:flex;align-items:center;justify-content:center;
  height:58px;min-height:0;padding:8px 10px!important;flex-direction:column;gap:2px;border:0!important;border-radius:12px!important;background:#fff!important;
  color:#0f172a!important;font:600 13.5px/1.25 Inter,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;
  text-align:center;cursor:pointer;box-shadow:0 0 0 1px rgba(15,23,42,.08),0 1px 3px rgba(15,23,42,.10)!important;transition:transform .16s ease,box-shadow .16s ease}
.fct_payment_method_wrapper .fcs button.fcs-bank.jest{box-shadow:0 0 0 2px #f97316,0 10px 18px -10px rgba(15,23,42,.35)!important}
.fct_payment_method_wrapper .fcs button.fcs-bank:focus-visible{outline:2px solid #0f172a;outline-offset:2px}
@media (hover:hover){.fct_payment_method_wrapper .fcs button.fcs-bank:not(.jest):hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(15,23,42,.10),0 10px 18px -10px rgba(15,23,42,.35)!important}}
.fct_payment_method_wrapper .fcs button.fcs-bank img{display:block;max-width:100%!important;max-height:34px!important;width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;box-shadow:none!important;background:none!important;object-fit:contain}
.fct_payment_method_wrapper .fcs button.fcs-bank .fcs-bank-nazwa{font-size:11.5px;font-weight:600;line-height:1.1;color:#334155}
.fct_payment_method_wrapper .fcs button.fcs-bank:has(.fcs-bank-nazwa) img{max-height:22px!important}
.fct_payment_method_wrapper .fcs .fcs-p24-inny{margin:8px 0 0!important;font-size:13px!important;color:#64748b!important}
.fcs-p24-inny:empty{display:none}

/* Pod listą: kto obsługuje płatność (jak „Płatność obsługuje tpay” w kasie Woo). */
.fcs-stopka{display:flex;align-items:center;gap:6px;margin:10px 0 0 16px;font:12.5px/1.4 Inter,system-ui,sans-serif;color:#94a3b8}
.fcs-stopka img{height:18px;width:auto;display:inline-block;margin-top:1px}

@media (max-width:480px){
  .fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] > label{padding:13px 12px!important;gap:10px;font-size:15px!important}
  .fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] > label img{height:22px!important}
  .fct_payment_method_wrapper[class*="fct_payment_method_fc_stripe_"] .fluent-cart-checkout_embed_payment_wrapper{padding-left:12px!important;padding-right:12px!important}
  .fcs input.fcs-blik-kod{max-width:100%}
  .fcs-banki{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .fct_payment_method_wrapper .fcs button.fcs-bank{height:52px;padding:6px!important;border-radius:10px!important}
}
@media (prefers-reduced-motion:reduce){.fcs-krec{animation-duration:3s}}