
/* Layout */
.vkwr{width:100%;max-width:1200px;margin:0 auto;padding:clamp(12px,3vw,24px);background:#0b0b0b;color:#fff}
.vkwr .vkwr-row{margin-bottom:12px;display:flex;gap:12px;align-items:center}
.vkwr label{width:140px;font-weight:700}
.vkwr input, .vkwr select{flex:1;padding:12px;border:1px solid #333;border-radius:12px;background:#111;color:#fff}
.vkwr-map{margin:18px 0;padding:8px;border:1px dashed #333;border-radius:12px;overflow:hidden;background:#0e0e0e}
#vkwr-map-svg{width:100%;height:auto;max-width:100%}
@media (max-width: 768px){
  .vkwr .vkwr-row{flex-direction:column;align-items:stretch}
  .vkwr label{width:auto;margin-bottom:6px}
  .vkwr input, .vkwr select{width:100%}
}

/* Cards & buttons */
#vkwr-results{margin-top:16px}
.vkwr-card{border:1px solid #2a2a2a;border-radius:12px;padding:12px;margin-bottom:10px;background:#111}
.vkwr-btn{padding:10px 14px;border-radius:10px;background:#29cc2f;color:#111;border:0;cursor:pointer;font-weight:700}
.vkwr-btn[disabled]{opacity:.5;cursor:not-allowed}

/* Sticky confirm bar */
.vkwr-stickybar{position:sticky;bottom:0;z-index:20;background:#0b0b0b;border:1px solid #2a2a2a;border-radius:12px;padding:12px;box-shadow:0 -8px 24px rgba(0,0,0,.35)}
.vkwr-btn.confirm{font-size:18px;padding:14px 22px;border-radius:14px}
.vkwr-btn.confirm.ready{animation:vkwrPulse 1.4s infinite}
@keyframes vkwrPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}

/* Map states */
#vkwr-map-svg .free{stroke:#29cc2f;stroke-width:2;cursor:pointer}
#vkwr-map-svg .booked{fill:#555 !important; stroke:#777 !important; opacity:.6; cursor:not-allowed; pointer-events:none}
#vkwr-map-svg .selected{fill:#00ff88 !important; stroke:#ffffff !important; stroke-width:3 !important; filter:drop-shadow(0 0 8px #00ff88); opacity:1}

/* Drinks UI */
.vkwr-selects{display:flex; gap:8px; align-items:center; margin:8px 0}
.vkwr-selects select{padding:8px;border-radius:10px;background:#111;border:1px solid #333;color:#fff}
.vkwr-selects button{padding:8px 12px;border-radius:10px;background:#2dd46b;color:#111;border:0;cursor:pointer;font-weight:700}
#vkwr-picked{margin-top:8px}
#vkwr-picked .row{display:flex;gap:8px;align-items:center;margin:6px 0;padding:6px 8px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px}
#vkwr-picked .qty{width:70px}
#vkwr-totals{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:16px}
#vkwr-totals .min{opacity:.8}

/* Social footer (compact) */
.vkwr-social{margin-top:16px;padding:12px;border:1px solid #2a2a2a;border-radius:12px;background:#111}
.vkwr-social .title{font-weight:800;margin-bottom:6px;font-size:14px;opacity:.95}
.vkwr-social .links{display:flex;gap:8px;flex-wrap:wrap}
.vkwr-social .btn{display:inline-block;padding:6px 10px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px;border:1px solid #333;background:#0e0e0e;color:#fff}
.vkwr-social .btn:hover{transform:translateY(-1px)}
.vkwr-social .btn.fb{border-color:#1877f2}
.vkwr-social .btn.ig{border-color:#e1306c}
.vkwr-social .btn.tt{border-color:#00f2ea}
