/* Wagick: trust features (badges, reviews, disputes, notices, messages, admin). Uses the page's tokens. */

/* Verified badge */
.vbadge{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-left:4px;padding:1px 8px 1px 5px;border:1px solid var(--gold-soft);border-radius:999px;background:rgba(201,166,107,.1);color:var(--gold);font-family:"Cinzel",Georgia,serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;white-space:nowrap}
.vbadge svg{width:12px;height:12px;flex:none}
.vbadge.big{font-size:12px;padding:3px 10px 3px 6px;margin-left:10px}
.vbadge.big svg{width:15px;height:15px}
.shopname .vbadge{transform:translateY(-.35em)}
.vseal{width:14px;height:14px;vertical-align:-2px;color:var(--gold)}
.vcard,.vintro{display:flex;gap:18px;align-items:flex-start;padding:22px}
.vseal-big{flex:none;width:58px;height:58px;color:var(--gold);filter:drop-shadow(0 0 12px rgba(201,166,107,.45))}
.vseal-big svg{width:100%;height:100%}
.vseal-big.dim{opacity:.55;filter:none}
.vsteps{list-style:none;counter-reset:s;padding:0;margin:4px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.vsteps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px 14px 52px;position:relative}
.vsteps li::before{content:counter(s);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;border:1px solid var(--gold-soft);color:var(--gold);display:grid;place-items:center;font-family:"Cinzel",Georgia,serif;font-size:13px}
.vsteps b{display:block;font-weight:500}
.vsteps span{font-size:14px;color:var(--muted)}

/* Shield icon used inline */
.ishield{width:15px;height:15px;vertical-align:-3px;color:var(--gold)}
.ishield.big{width:24px;height:24px;vertical-align:-4px}

/* Reviews */
.rv-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:-2px 0 14px}
.rv{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.rv-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.rv-stars{color:var(--gold);letter-spacing:2px;font-size:15px}
.rv-stars span{color:var(--line)}
.rv-ok{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}
.rv-ok svg{width:13px;height:13px;color:var(--gold)}
.rv blockquote{margin:2px 0;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:19px;line-height:1.35}
.rv-photos{display:flex;gap:8px;flex-wrap:wrap}
.tphoto{position:relative;width:84px;height:84px;padding:0;border:1px solid var(--gold-soft);border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#2A241D,#16130F);color:var(--gold-soft)}
.tphoto img{width:100%;height:100%;object-fit:cover;display:block}
.tphoto span{position:absolute;left:0;right:0;bottom:0;font-size:12px;line-height:1.2;padding:3px 4px;background:rgba(17,15,13,.8);color:var(--ink);text-align:left}
.tphoto.tph svg{width:44%;height:auto;margin-top:12px;opacity:.85}
.tphoto:hover{border-color:var(--gold);box-shadow:0 0 14px rgba(201,166,107,.3)}
.rv-reply{margin-top:4px;border-left:2px solid var(--gold-soft);padding:4px 0 2px 12px}
.rv-reply b{font-size:13px;font-weight:600;color:var(--gold)}
.rv-reply p{margin:2px 0 0;font-size:15px}
.rv-replyform label{margin-top:6px}
.rv-inline{margin-top:12px}
.rv-inline .rv{background:var(--sunk)}
.myrv{margin-top:10px;display:flex;align-items:center;gap:8px}
.rate{display:flex;gap:4px}
.rate button{border:0;background:none;font-size:32px;line-height:1;padding:2px 3px;color:var(--line);transition:color .15s,text-shadow .15s}
.rate button[aria-checked="true"]{color:var(--gold);text-shadow:0 0 12px rgba(240,215,156,.5)}

/* Listing sheet */
.tl-trust{margin-top:12px}
.tl-protect{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:var(--sunk);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--muted)}
.tl-protect svg{width:22px;height:22px;flex:none;color:var(--gold)}
.tl-protect b{color:var(--ink);font-weight:600;margin-right:4px}
.tl-protect u{color:var(--gold);text-underline-offset:3px}
.tl-protect:hover{border-color:var(--gold-soft)}
.tl-legal{margin:8px 0 0}
.tl-reviews{display:grid;gap:10px}
.tmsg{display:inline-flex;align-items:center;gap:6px}
.tmsg svg{width:16px;height:16px}

/* Proof photo in the deliver form */
.pp-row{display:flex;gap:10px;align-items:center}
.pp-row .field{flex:1}
.pp-thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--gold-soft)}

/* Disputes */
.dsp{margin-top:14px;background:var(--sunk);border:1px solid var(--gold-soft);border-radius:14px;padding:14px 16px}
.dsp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dsp-head b{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.dsp-head svg{width:18px;height:18px;color:var(--gold)}
.dsp-log{list-style:none;padding:0;margin:10px 0 0;border-left:1px solid var(--line)}
.dsp-ev{position:relative;padding:0 0 10px 16px}
.dsp-ev::before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--gold-soft)}
.dsp-ev.adm::before{background:var(--gold);box-shadow:0 0 8px rgba(201,166,107,.6)}
.dsp-ev p{margin:2px 0 4px;font-size:15px}
.dsp-offer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.inline{display:inline-flex;align-items:center;gap:6px}
.inline .field{width:110px;padding:7px 9px}
.inline input[type="datetime-local"].field{width:auto}
.pill.good{border-color:#5E8E66;color:#9FD6A8}
.pill.warn{border-color:var(--gold);color:var(--gold)}
.tref{margin:10px 0 0;color:#9FD6A8}
.tref svg{width:14px;height:14px;vertical-align:-2px}
.rlist{display:grid;gap:0}
.rlist .check{margin-top:8px}
.howto{display:flex;gap:12px;margin-top:16px;background:var(--sunk);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--muted)}
.howto svg{width:24px;height:24px;flex:none;color:var(--gold)}
.howto ol{margin:0;padding-left:18px;display:grid;gap:4px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}
.pgrid div{background:var(--sunk);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.pgrid b{display:block;color:var(--gold);font-weight:600}
.pgrid span{font-size:14px;color:var(--muted)}
.howlist{margin:6px 0 10px;padding-left:20px;display:grid;gap:6px}

/* Entertainment notice */
.tlegal{margin-top:6px}
.tnotice{margin-top:12px;border:1px solid var(--gold);border-radius:10px;padding:12px 14px;background:linear-gradient(180deg,rgba(201,166,107,.12),rgba(201,166,107,.04))}
.tnotice b{font-family:"Cinzel",Georgia,serif;letter-spacing:.06em;color:var(--gold);font-weight:600}
.tnotice p{margin:6px 0 0;font-size:14px}
.tnotice .check{margin-top:10px}

/* Header inbox button */
#inboxBtn svg{width:22px;height:22px}
#inboxBtn.on{color:var(--gold);text-shadow:0 0 10px rgba(240,215,156,.6)}

/* Inbox */
.inbox{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:16px;margin-top:16px;align-items:start}
.ilist{display:flex;flex-direction:column;gap:6px}
.ic{display:flex;gap:10px;align-items:center;text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;color:var(--ink)}
.ic:hover{border-color:var(--gold-soft)}
.ic.on{border-color:var(--gold);box-shadow:0 0 16px rgba(201,166,107,.25)}
.ic.unread b{color:var(--gold)}
.portrait.sm{width:38px;height:38px;box-shadow:0 0 0 2px #1E1A15,0 0 0 3px rgba(201,166,107,.35)}
.ic-main{flex:1;min-width:0;display:flex;flex-direction:column}
.ic-main b{font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-main .vbadge{font-size:12px;padding:0 6px 0 4px}
.ic-main .vbadge svg{width:10px;height:10px}
.ic-last{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic.unread .ic-last{color:var(--ink)}
.ic-time{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}
.dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(201,166,107,.7)}
.ithread{background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:420px;overflow:hidden}
.ipick{border:0;flex:1;display:grid;place-items:center}
.it-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.it-head b{font-weight:500}
.it-back{display:none;font-size:26px;text-decoration:none;padding:0 6px 0 0}
.it-msgs{flex:1;overflow-y:auto;max-height:56vh;min-height:260px;padding:14px;display:flex;flex-direction:column;gap:6px}
.it-day{align-self:center;font-size:12px;color:var(--muted);margin:8px 0 2px;font-family:"Cinzel",Georgia,serif;letter-spacing:.08em}
.bub{max-width:78%;align-self:flex-start;background:var(--sunk);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:8px 12px}
.bub.me{align-self:flex-end;background:rgba(201,166,107,.14);border-color:var(--gold-soft);border-radius:14px 14px 4px 14px}
.bub p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.bub-t{display:block;font-size:12px;color:var(--muted);margin-top:2px;text-align:right}
.bub-ord{display:block;font-size:12px;color:var(--gold);font-family:"Cinzel",Georgia,serif;letter-spacing:.06em;margin-bottom:2px}
.bub-warn{align-self:flex-start;max-width:78%;font-size:12px;color:var(--warn);display:flex;gap:5px;align-items:flex-start}
.bub-warn.me{align-self:flex-end}
.bub-scam{align-self:stretch;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid #6A3A2E;background:#2B1C17;color:#E9D6CE;font-size:14px;line-height:1.5}
.bub-scam b{color:#F6C9BD;font-weight:600}
.bub-scam-acts{display:flex;gap:8px;flex-wrap:wrap}
.bub-scam .btn{background:#F0A08F;color:#2B1C17;border-color:#F0A08F}
.it-safe{display:flex;gap:6px;align-items:flex-start;margin:0;padding:8px 14px;border-bottom:1px solid var(--line);font-size:12px}
.it-safe svg{width:14px;height:14px;flex:none;margin-top:2px}
.bub-warn svg{width:14px;height:14px;flex:none;margin-top:1px}
.it-empty{margin:auto;text-align:center;max-width:40ch}
.it-empty .serif-it{font-size:24px;margin:0;color:var(--gold)}
.it-compose{border-top:1px solid var(--line);padding:12px 14px;display:grid;gap:8px}
.it-order{padding:7px 10px;font-size:14px}
.it-row{display:flex;gap:8px;align-items:flex-end}
.it-row textarea{min-height:46px;flex:1}
.it-warn{margin:0;color:var(--warn)}
.it-warn svg{width:14px;height:14px;vertical-align:-2px}
@media (max-width:720px){
  .inbox{grid-template-columns:minmax(0,1fr)}
  .inbox.has-cur .ilist{display:none}
  .inbox:not(.has-cur) .ithread{display:none}
  .it-back{display:inline-block}
  .bub,.bub-warn{max-width:90%}
}

/* Photo lightbox */
.tlight{position:fixed;inset:0;z-index:35;background:rgba(5,4,3,.88);display:none;align-items:center;justify-content:center;padding:24px}
.tlight.open{display:flex}
.tlight figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%}
.tlight img{max-width:min(92vw,900px);max-height:80vh;border-radius:10px;border:1px solid var(--gold-soft)}
.tl-ph{width:min(80vw,420px);aspect-ratio:1}
.tl-ph svg{width:30%}
.tl-ph span{display:none}
.tlight figcaption{color:var(--muted);font-size:14px;text-align:center}
.tlight .close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;float:none}
#tfoot .linkbtn{font-size:13px}
@media (prefers-reduced-motion: reduce){.rate button{transition:none}}
footer #tfoot .linkbtn{border:0;background:none;padding:0;margin:0;color:var(--gold)}
#inboxCount[hidden],#asAdmin[hidden]{display:none}
.it-head .it-back{text-decoration:none}