/* Sklep na ekranie PaszoBoksu (store-kiosk.js, ?kiosk=1): wygląd sklepu bez zmian, tylko pasek powrotu,
   okno płatności w terminalu i ukryte części, które w PaszoBoksie nie działają (konto, dostawa, kasa,
   formularze wysyłane do sklepu, odnośniki poza sklep). Nic tutaj nie dotyczy sklepu ani piaskownicy. */

/* Nad nagłówkiem sklepu, w zwykłym przepływie strony — nagłówek sklepu przykleja się do góry jak zawsze. */
.kiosk-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background: var(--green);
  color: #fff;
  font-weight: 700;
}

.kiosk-bar-home {
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.kiosk-bar-note { font-size: .92rem; font-weight: 600; text-align: right; }

.kiosk-pay-layer {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(8, 31, 22, .55);
}

.kiosk-pay-layer[hidden] { display: none; }

.kiosk-pay-card {
  width: min(560px, 100%);
  padding: 32px 28px;
  border-radius: var(--radius-xl);
  background: var(--surface);
  color: var(--ink);
  box-shadow: var(--shadow-strong);
  text-align: center;
}

.kiosk-pay-card h2 { margin: 0 0 12px; font-size: 1.6rem; }
.kiosk-pay-step { margin: 0 0 6px; color: var(--muted); font-weight: 700; }
.kiosk-pay-amount { margin: 0 0 12px; color: var(--green); font-size: 2.4rem; font-weight: 800; }
.kiosk-pay-text { margin: 0 0 18px; color: var(--muted); font-size: 1.05rem; }
.kiosk-pay-items { margin: 0 0 14px; padding: 0; list-style: none; font-size: 1.1rem; font-weight: 700; }
.kiosk-pay-wide { width: 100%; min-height: 56px; margin-top: 8px; font-size: 1.1rem; }

.kiosk-pay-icon {
  display: grid;
  width: 72px;
  height: 72px;
  margin: 0 auto 14px;
  place-items: center;
  border-radius: 50%;
  font-size: 2.2rem;
  font-weight: 800;
}

.kiosk-pay-icon.is-ok { background: var(--success-soft); color: var(--success); }
.kiosk-pay-icon.is-error { background: var(--danger-soft); color: var(--danger); }

/* Ekran dotykowy: bez zaznaczania tekstu i przeciągania obrazków. */
body.kiosk-mode { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
body.kiosk-mode img { -webkit-user-drag: none; }
body.kiosk-mode input, body.kiosk-mode textarea { -webkit-user-select: text; user-select: text; }

/* Konto klienta, dostawa, kasa sklepu internetowego i formularze wysyłane do sklepu. */
body.kiosk-mode #accountButton,
body.kiosk-mode .cart-weight,
body.kiosk-mode .cart-totals div:has(#cartDelivery),
body.kiosk-mode #inpostPayCartSlot,
body.kiosk-mode #checkoutContent,
body.kiosk-mode #storePromises,
body.kiosk-mode li:has(> #productDeliveryNote),
body.kiosk-mode #productDeliveryNote,
body.kiosk-mode li:has([data-store-page="zwroty"]),
body.kiosk-mode #productDispatch,
body.kiosk-mode #productQuestion,
body.kiosk-mode #recentPurchases,
body.kiosk-mode #cookieBanner,
body.kiosk-mode .site-footer { display: none !important; }