:root{
  --tdl-gv-accent-1:#10b981;
  --tdl-gv-accent-2:#f59e0b;
  --tdl-gv-accent-3:#b45309;
  --tdl-gv-accent-4:#d4af37;
  --tdl-gv-accent-5:#3b82f6;
  --tdl-gv-accent-6:#ef4444;
  --tdl-gv-accent-7:#f97316;
  --tdl-gv-accent-8:#6b7280;
  --tdl-gv-accent-9:#7c3aed;
}


/* 3DL Gift Vouchers – pill presets */
.tdl-gv-presets{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 6px;align-items:center}
.tdl-gv-radio{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.tdl-pill{display:inline-block;padding:8px 12px;border:1px solid var(--wd-border-color,#e5e7eb);border-radius:9999px;background:#fff;cursor:pointer;line-height:1;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02);transition:all .15s ease}
.tdl-gv-radio:checked + .tdl-pill{background:var(--wd-primary-color-10,#f0f7ff);border-color:var(--wd-primary-color,#4f46e5);box-shadow:0 0 0 2px rgba(99,102,241,.15) inset}
.tdl-pill .price bdi{font-weight:600}
/* Fallback for themes without --wd-* variables */
:root{--wd-primary-color:#4f46e5;--wd-primary-color-10:#f0f7ff;--wd-border-color:#e5e7eb}

/* Gift voucher design tiles */
.tdl-gv-design-tiles{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0 1rem}
.tdl-gv-design-tile{position:relative;flex:0 1 120px;height:72px;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.tdl-gv-design-tile input{position:absolute;inset:0;opacity:0}
.tdl-gv-design-tile .thumb{position:absolute;inset:0;background:linear-gradient(to bottom,#e5e7eb 0%,#d1d5db 65%,rgba(0,0,0,.0) 65%,rgba(0,0,0,.0) 100%)}
.tdl-gv-design-tile .accent{position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--tdl-gv-accent-1)}
.tdl-gv-design-tile[data-accent="2"] .accent{background:var(--tdl-gv-accent-2)}
.tdl-gv-design-tile[data-accent="3"] .accent{background:var(--tdl-gv-accent-3)}
.tdl-gv-design-tile[data-accent="4"] .accent{background:var(--tdl-gv-accent-4)}
.tdl-gv-design-tile[data-accent="5"] .accent{background:var(--tdl-gv-accent-5)}
.tdl-gv-design-tile[data-accent="6"] .accent{background:var(--tdl-gv-accent-6)}
.tdl-gv-design-tile[data-accent="7"] .accent{background:var(--tdl-gv-accent-7)}
.tdl-gv-design-tile[data-accent="8"] .accent{background:var(--tdl-gv-accent-8)}
.tdl-gv-design-tile[data-accent="9"] .accent{background:var(--tdl-gv-accent-9)}
.tdl-gv-design-tile input:checked + .thumb{outline:2px solid #111827;box-shadow:0 0 0 3px #11182733 inset}


/* Accent bars for voucher thumbnails */
.tdl-gv-gallery label{position:relative;overflow:hidden;border-radius:12px}
.tdl-gv-gallery label::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--tdl-gv-accent-1)}
.tdl-gv-gallery label:nth-child(2)::after{background:var(--tdl-gv-accent-2)}
.tdl-gv-gallery label:nth-child(3)::after{background:var(--tdl-gv-accent-3)}
.tdl-gv-gallery label:nth-child(4)::after{background:var(--tdl-gv-accent-4)}
.tdl-gv-gallery label:nth-child(5)::after{background:var(--tdl-gv-accent-5)}
.tdl-gv-gallery label:nth-child(6)::after{background:var(--tdl-gv-accent-6)}
.tdl-gv-gallery label:nth-child(7)::after{background:var(--tdl-gv-accent-7)}
.tdl-gv-gallery label:nth-child(8)::after{background:var(--tdl-gv-accent-8)}
.tdl-gv-gallery label:nth-child(9)::after{background:var(--tdl-gv-accent-9)}
/* repeat cycle for >9 */
.tdl-gv-gallery label:nth-child(10n+1)::after{background:var(--tdl-gv-accent-1)}
.tdl-gv-gallery label:nth-child(10n+2)::after{background:var(--tdl-gv-accent-2)}
.tdl-gv-gallery label:nth-child(10n+3)::after{background:var(--tdl-gv-accent-3)}
.tdl-gv-gallery label:nth-child(10n+4)::after{background:var(--tdl-gv-accent-4)}
.tdl-gv-gallery label:nth-child(10n+5)::after{background:var(--tdl-gv-accent-5)}
.tdl-gv-gallery label:nth-child(10n+6)::after{background:var(--tdl-gv-accent-6)}
.tdl-gv-gallery label:nth-child(10n+7)::after{background:var(--tdl-gv-accent-7)}
.tdl-gv-gallery label:nth-child(10n+8)::after{background:var(--tdl-gv-accent-8)}
.tdl-gv-gallery label:nth-child(10n+9)::after{background:var(--tdl-gv-accent-9)}