/* winefair.gr — σύνδεση (κεφαλίδα + παράθυρο κωδικού) */
.wf-head{display:flex;align-items:center;gap:10px;min-width:0}
.wf-head button{font:500 13px Inter,system-ui,sans-serif;cursor:pointer;border-radius:3px;white-space:nowrap}
.wf-in{background:transparent;color:#c9a45c;border:1px solid rgba(201,164,92,.6);padding:7px 14px}
.wf-in:hover{background:#c9a45c;color:#1a0d12}
.wf-me{color:#f3ece4;font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  padding-left:20px;position:relative}
.wf-me::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#6fbf73}
.wf-out{background:none;border:0;color:#b9a9a0;padding:7px 0;text-decoration:underline;text-underline-offset:3px}
.wf-out:hover{color:#c9a45c}
@media (max-width:560px){.wf-me{max-width:130px;font-size:12px}.wf-in{padding:6px 10px}}

.wf-modal{position:fixed;inset:0;background:rgba(26,13,18,.6);display:none;align-items:center;justify-content:center;padding:16px;z-index:100}
.wf-modal.on{display:flex}
.wf-box{position:relative;background:#fff;color:#2a1a1f;max-width:400px;width:100%;padding:36px 28px 28px;text-align:center;font-family:Inter,system-ui,sans-serif}
.wf-box h3{font-family:'Noto Serif Display',Georgia,serif;font-weight:500;font-size:24px;margin:6px 0 12px}
.wf-box p{font-size:14px;color:#5a4a4e;line-height:1.5;margin:0}
.wf-box .wf-eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#6b1f33}
.wf-box input{width:100%;box-sizing:border-box;margin-top:16px;padding:12px;border:1px solid #cbbfae;font:16px Inter,system-ui,sans-serif;text-align:center}
.wf-box input[name=code]{font-size:26px;letter-spacing:.35em}
.wf-box form button{width:100%;margin-top:12px;background:#6b1f33;color:#fff;border:0;padding:12px;font:500 15px Inter,system-ui,sans-serif;cursor:pointer}
.wf-box form button:disabled{opacity:.6}
.wf-back{display:inline-block;margin-top:12px;font-size:13px;color:#7a6a6e}
.wf-x{position:absolute;top:8px;right:10px;background:none;border:0;font-size:18px;color:#7a6a6e;cursor:pointer}
.wf-box .wf-err{margin-top:12px;color:#b3261e}

/* επιλογές χρήστη στην κεφαλίδα: email + 5/14 */
.wf-mine{display:flex;align-items:center;gap:8px;min-width:0;color:inherit;text-decoration:none}
.wf-mine:hover .wf-me{color:#c9a45c}
.wf-count{flex:none;background:#c9a45c;color:#1a0d12;font:600 12px Inter,system-ui,sans-serif;padding:3px 8px;border-radius:999px}
.wf-count:empty{display:none}

/* μετρητής ψήφων: πλωτή μπάρα στο κάτω μέρος */
.wf-dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:16px;
  background:#1a0d12;color:#f3ece4;border:1px solid rgba(201,164,92,.5);border-radius:999px;padding:10px 12px 10px 20px;
  box-shadow:0 8px 28px rgba(26,13,18,.28);font:14px Inter,system-ui,sans-serif;white-space:nowrap;max-width:calc(100% - 24px)}
.wf-dock[hidden]{display:none}
.wf-dock b{color:#c9a45c;font-size:17px}
.wf-dock a,.wf-dock button{background:#c9a45c;color:#1a0d12;border:0;border-radius:999px;padding:8px 14px;font:600 13px Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.wf-dock.full{border-color:#c05a5a}
.wf-dock.full b{color:#f0a0a0}
body.has-dock{padding-bottom:84px}
@media (max-width:560px){
  .wf-dock{left:10px;right:10px;transform:none;justify-content:space-between;gap:8px;padding:8px 8px 8px 14px;font-size:13px;bottom:10px;max-width:none}
  .wf-dock span{overflow:hidden;text-overflow:ellipsis}
  .wf-dock b{font-size:16px}
  .wf-dock a,.wf-dock button{flex:none;padding:8px 11px;font-size:12px}}

/* μήνυμα (π.χ. τελείωσαν οι ψήφοι) */
.wf-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:70;
  background:#fff;color:#2a1a1f;border-left:4px solid #6b1f33;box-shadow:0 8px 28px rgba(26,13,18,.25);padding:14px 18px;
  max-width:min(460px,calc(100% - 24px));font:14px/1.5 Inter,system-ui,sans-serif;transition:all .2s}
.wf-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.wf-toast a{color:#6b1f33;font-weight:600}

.wf-adm{color:#c9a45c;font:600 12px Inter,system-ui,sans-serif;border:1px dashed rgba(201,164,92,.6);border-radius:3px;padding:5px 8px;white-space:nowrap;text-decoration:none}
.wf-adm:hover{background:rgba(201,164,92,.15)}
@media (max-width:560px){.wf-adm{display:none}}

/* ---------- κοινό μενού ---------- */
.wf-top{position:sticky;top:0;z-index:40;background:#1a0d12;border-bottom:1px solid rgba(201,164,92,.25);font-family:Inter,system-ui,sans-serif}
.wf-top.over{position:fixed;left:0;right:0;background:linear-gradient(180deg,rgba(26,13,18,.55),rgba(26,13,18,0));border-bottom-color:transparent;transition:background .25s,border-color .25s}
.wf-top.over.solid,.wf-top.over.menu-open{background:rgba(26,13,18,.97);border-bottom-color:rgba(201,164,92,.25)}
.wf-bar{max-width:1200px;margin:0 auto;padding:0 16px;height:64px;display:flex;align-items:center;gap:18px}
.wf-brand{display:flex;align-items:center;flex:none}
.wf-brand .wf-mini{display:block;height:38px;width:auto}
.wf-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.wf-nav a{color:#d9cbbd;text-decoration:none;font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid transparent;white-space:nowrap}
.wf-nav a:hover,.wf-nav a.on{color:#c9a45c;border-bottom-color:#c9a45c}
.wf-top .wf-head{flex:none}
.wf-burger{display:none;flex:none;width:44px;height:44px;margin-left:4px;background:none;border:1px solid rgba(201,164,92,.5);border-radius:3px;cursor:pointer;position:relative}
.wf-burger span{position:absolute;left:11px;right:11px;height:2px;background:#f3ece4;transition:transform .2s,opacity .2s}
.wf-burger span:nth-child(1){top:14px}.wf-burger span:nth-child(2){top:21px}.wf-burger span:nth-child(3){top:28px}
.wf-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.wf-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.wf-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1060px){
  .wf-burger{display:block}
  .wf-top .wf-head{margin-left:auto}
  .wf-nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;
    background:#1a0d12;border-bottom:1px solid rgba(201,164,92,.35);padding:6px 20px 18px;box-shadow:0 18px 40px rgba(0,0,0,.4);max-height:calc(100vh - 64px);overflow:auto}
  .wf-nav.open{display:flex}
  .wf-nav a{font-size:16px;letter-spacing:.04em;padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.08)}
  .wf-nav a:last-child{border-bottom:0}
  .wf-nav a.on{border-bottom-color:rgba(255,255,255,.08)}
}
@media (max-width:420px){.wf-brand .wf-mini{height:30px}.wf-bar{gap:10px}.wf-me{max-width:90px}}
html{scroll-padding-top:76px}

/* ψηφοφορία κλειστή (μετά τις 20/11): τα 👍 παγώνουν, όσα έχουν ψηφιστεί μένουν ορατά */
.wf-closed .vb{cursor:default}
.wf-closed .vb:not([aria-pressed="true"]),.wf-closed .vb:not([aria-pressed="true"]):hover{opacity:.25;filter:grayscale(1);border-color:var(--line,#ddd)}
