/* WhoDid Customiser — professional, prominent UI */
:root{--wd-ink:#161616;--wd-gold:#a97e46;--wd-line:#e2e2e2;--wd-mut:#5f5f5f;--wd-soft:#f7f4ef}
.wdc-open-btn{display:block;width:100%;margin-top:12px;background:var(--wd-ink);color:#fff;border:0;padding:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;cursor:pointer;border-radius:4px;transition:background .2s}
.wdc-open-btn:hover{background:#000}
.wdc-summary{margin-top:10px;font-size:13px;color:#333}
.wdc-summary a{color:var(--wd-gold);text-decoration:underline;font-weight:600}
body.wdc-lock{overflow:hidden}

.wdc-modal{position:fixed;inset:0;background:rgba(18,18,18,.62);backdrop-filter:blur(3px);z-index:100000;display:none;align-items:center;justify-content:center;padding:22px}
.wdc-modal.open{display:flex}
.wdc-box{background:#fff;width:min(1080px,95vw);height:min(90vh,880px);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.38)}
.wdc-head{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--wd-line);flex:0 0 auto}
.wdc-head b{font-weight:700;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;color:var(--wd-ink)}
.wdc-hist{margin-left:auto;display:flex;gap:8px}
.wdc-hist button,.wdc-x{width:40px;height:40px;border:1.5px solid #d6d6d6;background:#fff;border-radius:8px;cursor:pointer;color:#2a2a2a;transition:all .16s;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700}
.wdc-hist button:hover{border-color:var(--wd-ink);background:var(--wd-soft)}
.wdc-x{font-size:22px;border-radius:8px}
.wdc-x:hover{background:var(--wd-ink);color:#fff;border-color:var(--wd-ink)}
.wdc-body{display:flex;flex:1 1 auto;min-height:0}

.wdc-views{width:118px;border-right:1px solid var(--wd-line);padding:18px 13px;overflow:auto;display:flex;flex-direction:column;gap:12px;flex:0 0 auto}
.wdc-thumb{border:1.5px solid var(--wd-line);background:#fff;border-radius:8px;padding:7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .16s}
.wdc-thumb.on{border-color:var(--wd-ink);box-shadow:0 3px 12px rgba(0,0,0,.1)}
.wdc-thumb:hover{border-color:var(--wd-gold)}
.wdc-thumb img{width:100%;height:64px;object-fit:contain}
.wdc-thumb span{font-size:11px;color:#333;text-transform:uppercase;letter-spacing:.8px;font-weight:700}

.wdc-canvas-wrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;background:var(--wd-soft);padding:16px;min-width:0;min-height:0;overflow:hidden}
#wdc-canvas{box-shadow:0 6px 26px rgba(0,0,0,.12);border-radius:2px}

.wdc-tools{width:296px;border-left:1px solid var(--wd-line);padding:22px;overflow:auto;display:flex;flex-direction:column;gap:22px;flex:0 0 auto}
.wdc-grp{display:flex;flex-direction:column;gap:10px}
.wdc-grp>label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--wd-ink);font-weight:800;margin:0}
.wdc-grp input[type=text],.wdc-grp select{width:100%;padding:13px 13px;border:1.5px solid #d8d8d8;border-radius:7px;font-size:15px;color:var(--wd-ink);background:#fff;transition:border-color .16s}
.wdc-grp input[type=text]:focus,.wdc-grp select:focus{outline:none;border-color:var(--wd-gold)}
.wdc-row{display:flex;gap:10px;align-items:center}
.wdc-row select{flex:1}
.wdc-row input[type=color]{width:48px;height:46px;border:1.5px solid #d8d8d8;padding:3px;border-radius:7px;background:#fff;cursor:pointer;flex:0 0 auto}
.wdc-btn{width:100%;border:1.5px solid var(--wd-ink);background:var(--wd-ink);color:#fff;padding:14px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;transition:all .16s}
.wdc-btn:hover{background:#000}
.wdc-btn.ghost{background:#fff;color:var(--wd-ink)}
.wdc-btn.ghost:hover{background:var(--wd-soft);border-color:var(--wd-gold);color:var(--wd-gold)}
.wdc-btn.danger{background:#fff;color:#b03a24;border-color:#e2b6ac}
.wdc-btn.sm{padding:11px;font-size:12px}
.wdc-selrow{display:flex;gap:10px}
.wdc-selrow .wdc-btn{width:auto;flex:1}
.wdc-mini{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#444;font-weight:700;flex:0 0 auto}
#wdc-opacity{flex:1;accent-color:var(--wd-gold);height:5px}
.wdc-file-btn{display:block;text-align:center;border:1.5px dashed #c3bcae;border-radius:8px;padding:16px;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:#444;background:var(--wd-soft);transition:all .16s}
.wdc-file-btn:hover{border-color:var(--wd-gold);color:var(--wd-gold)}
.wdc-qwarn{display:none;font-size:12.5px;color:#b03a24;line-height:1.45;font-weight:600}
.wdc-qwarn.show{display:block}

.wdc-clips{display:flex;flex-wrap:wrap;gap:9px}
.wdc-clip{width:44px;height:44px;border:1.5px solid #d6d6d6;background:#fff;border-radius:9px;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;color:#1e1e1e;transition:all .16s}
.wdc-clip:hover{background:var(--wd-ink);color:#fff;border-color:var(--wd-ink)}
.wdc-actions{display:flex;flex-wrap:wrap;gap:9px}
.wdc-actions button{width:46px;height:46px;border:1.5px solid #d6d6d6;background:#fff;border-radius:9px;cursor:pointer;font-size:19px;display:flex;align-items:center;justify-content:center;color:#1e1e1e;transition:all .16s}
.wdc-actions button:hover{background:var(--wd-ink);color:#fff;border-color:var(--wd-ink)}
.wdc-actions button.del:hover{background:#b03a24;border-color:#b03a24}

.wdc-layers{display:flex;flex-direction:column;gap:7px;max-height:170px;overflow:auto}
.wdc-layer{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border:1.5px solid var(--wd-line);border-radius:7px;font-size:13.5px;font-weight:500;cursor:pointer;background:#fff;transition:all .16s}
.wdc-layer.on{border-color:var(--wd-ink);background:var(--wd-soft)}
.wdc-layer:hover{border-color:var(--wd-gold)}
.wdc-lyr-del{color:#b03a24;font-size:12px;font-weight:700;padding:0 4px;cursor:pointer;flex:0 0 auto}
.wdc-empty{font-size:12.5px;color:#999;padding:8px 2px;font-style:italic}

.wdc-foot{flex:0 0 auto;border-top:1px solid var(--wd-line);padding:16px 24px;display:flex;align-items:center;gap:16px;justify-content:flex-end}
.wdc-price{font-size:14px;color:var(--wd-ink);font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-right:auto}
.wdc-btn.apply{width:auto;background:var(--wd-gold);border-color:var(--wd-gold);color:#fff;padding:16px 46px;font-size:14px;letter-spacing:1.5px}
.wdc-btn.apply:hover{background:#946b39;border-color:#946b39}

@media(max-width:760px){
  .wdc-modal{padding:0;backdrop-filter:none}
  .wdc-box{width:100vw;height:100vh;height:100dvh;border-radius:0}
  .wdc-head{padding:15px 18px}
  .wdc-head b{font-size:15px}
  .wdc-body{flex-direction:column}
  .wdc-views{width:auto;flex-direction:row;border-right:0;border-bottom:1px solid var(--wd-line);padding:11px 14px;gap:10px;overflow-x:auto;flex:0 0 auto}
  .wdc-thumb{min-width:74px;flex:0 0 auto}
  .wdc-thumb img{height:52px}
  .wdc-canvas-wrap{flex:1 1 auto;padding:10px}
  .wdc-tools{width:auto;border-left:0;border-top:1px solid var(--wd-line);flex:0 0 auto;max-height:42vh;padding:16px 18px calc(16px + env(safe-area-inset-bottom));gap:18px}
  .wdc-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
  .wdc-btn.apply{flex:1;padding:16px}
}

/* override Savoy theme button styling */
.wdc-box .wdc-hist button,.wdc-box .wdc-x{background:#fff!important;color:#2a2a2a!important;border:1.5px solid #d6d6d6!important;box-shadow:none!important;letter-spacing:0!important}
.wdc-box .wdc-hist button:hover{border-color:var(--wd-ink)!important;background:var(--wd-soft)!important}
.wdc-box .wdc-x:hover{background:var(--wd-ink)!important;color:#fff!important;border-color:var(--wd-ink)!important}
.wdc-box .wdc-btn.apply{background:var(--wd-gold)!important;border-color:var(--wd-gold)!important;color:#fff!important}
.wdc-box .wdc-btn.apply:hover{background:#946b39!important}
.wdc-box .wdc-clip,.wdc-box .wdc-actions button{background:#fff!important;color:#1e1e1e!important;letter-spacing:0!important}
.wdc-box .wdc-clip:hover,.wdc-box .wdc-actions button:hover{background:var(--wd-ink)!important;color:#fff!important}
.wdc-box .wdc-actions button.del:hover{background:#b03a24!important;border-color:#b03a24!important}