/* WeToGo · модуль «виш-лист» для приглашений (01.10.2026).
   Тема шаблона задаёт цвета через переменные; без них — палитра WeToGo. */
.wl{--wl-ink:inherit;--wl-ink2:rgba(36,35,31,.72);--wl-accent:#A87528;--wl-accent-ink:#fff;--wl-card:#fff;
  --wl-line:rgba(36,35,31,.12);--wl-free:rgba(168,117,40,.14);--wl-taken:rgba(36,35,31,.08);--wl-radius:6px;
  color:var(--wl-ink);font:inherit;max-width:640px;margin:0 auto}
.wl *{box-sizing:border-box}
.wl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:var(--wl-radius);
  border:1px solid var(--wl-accent);background:var(--wl-accent);color:var(--wl-accent-ink);font:inherit;font-size:15px;letter-spacing:.04em;
  text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .25s,opacity .25s}
.wl-btn:active{transform:scale(.98)}
.wl-btn.ghost{background:transparent;color:var(--wl-accent)}
.wl-btn[disabled]{opacity:.55;cursor:default}
.wl-btn:focus-visible,.wl a:focus-visible,.wl input:focus-visible{outline:2px solid var(--wl-accent);outline-offset:3px}
.wl-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* модуль 1: кнопка на внешний список */
.wl-link{text-align:center}
.wl-link p{margin:0 0 14px;color:var(--wl-ink2);font-size:15px}
/* модуль 2: встроенный список */
.wl-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.wl-item{display:flex;flex-direction:column;background:var(--wl-card);border:1px solid var(--wl-line);border-radius:var(--wl-radius);overflow:hidden}
.wl-ph{aspect-ratio:4/3;background:var(--wl-taken);overflow:hidden}
.wl-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s}
.wl-item.taken .wl-ph img{filter:grayscale(.85) opacity(.7)}
.wl-body{display:flex;flex-direction:column;gap:8px;padding:14px 14px 14px;flex:1}
.wl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.wl-title{font-size:16px;line-height:1.3;margin:0}
.wl-st{flex:0 0 auto;font-size:12.5px;line-height:1;padding:6px 10px;border-radius:99px;white-space:nowrap;background:var(--wl-free);color:var(--wl-accent)}
.wl-item.taken .wl-st{background:var(--wl-taken);color:var(--wl-ink2)}
.wl-note{margin:0;font-size:14px;color:var(--wl-ink2)}
.wl-shop{font-size:14px;color:var(--wl-accent);text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center;align-self:flex-start}
.wl-act{margin-top:auto;display:grid;gap:8px}
.wl-act .wl-btn{width:100%}
.wl-ask{display:grid;gap:8px}
.wl-ask label{font-size:13.5px;color:var(--wl-ink2)}
.wl-ask input{width:100%;min-height:46px;border:1px solid var(--wl-line);border-radius:var(--wl-radius);padding:0 12px;font:inherit;font-size:16px;background:#fff;color:#24231F}
.wl-ask .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wl-mine{font-size:13.5px;color:var(--wl-accent);margin:0}
.wl-msg{min-height:1.2em;margin:10px 0 0;font-size:14px;color:var(--wl-ink2);text-align:center}
.wl-demo{margin:0 0 12px;font-size:13px;color:var(--wl-ink2);text-align:center}