/* Shared deposit bonus card for every template (1XBET, Gamblix, Hillside, future).
   Colours, radius and type come only from the skin CSS variables. No per-template overrides. */
.wl-as-box{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:12px 0;
  padding:12px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg, var(--radius));
  background:var(--surface-2);
  color:var(--text);
}
.wl-as-box .wl-as-title b,
.wl-as-box b{
  display:block;
  font-size:14px;
  line-height:1.3;
  color:var(--text);
}
.wl-as-box small{
  display:block;
  color:var(--text-muted);
  font-size:12px;
  margin-top:2px;
}
.wl-as-opt{
  display:flex;
  align-items:flex-start;
  gap:8px;
  cursor:pointer;
  color:var(--text);
}
.wl-as-opt input{
  margin-top:3px;
  accent-color:var(--cta, var(--accent, var(--brand-primary)));
  flex:none;
}
.wl-as-opt span{min-width:0}
.wl-as-pv{display:block;width:100%;margin-top:4px}
.wl-as-sel-l{display:block;font-size:12px;color:var(--text-muted);margin:8px 0 4px}
.wl-as-box .wl-as-sel{width:100%;max-width:100%;box-sizing:border-box;display:block;cursor:pointer}
.wl-as-box .wl-as-sel[disabled]{cursor:not-allowed}
.wl-as-games{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}
@media (max-width:520px){.wl-as-games{grid-template-columns:1fr}}
.wl-as-game{
  display:flex;align-items:center;gap:6px;padding:8px;
  border:1px solid var(--border);
  border-radius:var(--radius, 8px);
  cursor:pointer;font-size:13px;color:var(--text);background:transparent
}
.wl-as-game.on{border-color:var(--cta, var(--accent, var(--brand-primary)));box-shadow:0 0 0 1px var(--cta, var(--accent, var(--brand-primary)))}
.wl-as-preview{font-size:12px;color:var(--text-muted);margin-top:4px}
.wl-as-min{font-size:12px;color:var(--text-muted);margin:4px 0}
.wl-as-box.wl-as-dis .wl-as-opt,
.wl-as-box.wl-as-dis .wl-as-pv,
.wl-as-box.wl-as-dis .wl-as-games,
.wl-as-box.wl-as-dis .wl-as-sel-l{
  opacity:.45;filter:grayscale(1);pointer-events:none;cursor:not-allowed
}
.wl-as-box.wl-as-dis .wl-as-min{opacity:1;font-weight:600;color:var(--text)}
.wl-as-box .wl-as-game[disabled]{cursor:not-allowed}
.wl-as-pending{
  margin:8px 0;padding:10px;
  border-radius:var(--radius-lg, var(--radius));
  background:color-mix(in srgb, var(--warning, #e6b800) 18%, transparent);
  color:var(--text);font-size:13px
}