/* Sasora Booking – cadeaubon op de productpagina (alleen daar geladen).
   Kleuren via variabelen; contrast minimaal 4,5:1. */
.sasora-voucher {
  --sv-accent: #005781;
  --sv-border: #8c8c8c;
  --sv-muted: #5f5f5f;
  flex-basis: 100%;
  width: 100%;
  margin: 0 0 20px;
}
.sasora-voucher__amounts { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; border: 0; min-width: 0; }
.sasora-voucher__legend { width: 100%; margin: 0 0 8px; padding: 0; font-weight: 600; }
.sasora-voucher__amount { position: relative; display: inline-block; cursor: pointer; }
.sasora-voucher__amount input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.sasora-voucher__amount span { display: inline-grid; place-items: center; min-width: 76px; min-height: 44px; padding: 0 14px; border: 1px solid var(--sv-border); border-radius: 8px; background: #fff; color: #1d1d1d; font-weight: 600; }
.sasora-voucher__amount:hover span { border-color: var(--sv-accent); }
.sasora-voucher__amount input:checked + span { border-color: var(--sv-accent); background: var(--sv-accent); color: #fff; }
.sasora-voucher__amount input:focus-visible + span { outline: 3px solid var(--sv-accent); outline-offset: 2px; }
.sasora-voucher__field { margin: 0 0 14px; }
.sasora-voucher__field label { display: block; margin-bottom: 4px; font-weight: 600; }
.sasora-voucher__field input, .sasora-voucher__field textarea { width: 100%; max-width: 480px; box-sizing: border-box; }
.sasora-voucher__help { display: block; margin-top: 4px; color: var(--sv-muted); font-size: .875em; }