/* VeoCerca V8 interaction layer — compact, touch-friendly, iOS-like feedback */
:root{--vc-blue:#0a84ff;--vc-surface:#17171d;--vc-surface2:#202027;--vc-border:#303039;--vc-radius:16px}
button,.primary-btn,.ghost-btn,.link-btn,a[role="button"]{transition:transform .12s ease,opacity .12s ease,background-color .16s ease,border-color .16s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:active,.primary-btn:active,.ghost-btn:active,.link-btn:active,a[role="button"]:active{transform:scale(.97);opacity:.86}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--vc-blue) 55%,transparent);outline-offset:2px}
button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.vc-account-button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-weight:750;background:var(--panel);color:var(--text)}
.vc-session-dot{width:8px;height:8px;border-radius:50%;background:#30d158;box-shadow:0 0 0 3px rgba(48,209,88,.13)}
.vc-nearby-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 8px}.vc-nearby-bar button{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:var(--panel);color:var(--text);font-weight:750}.vc-nearby-bar button.active{background:var(--text);color:var(--bg)}.vc-nearby-bar select{border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--panel);color:var(--text)}.vc-location-note{font-size:12px;color:var(--muted)}
.vc-market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.vc-list-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative}.vc-list-card>a{display:block}.vc-list-photo{aspect-ratio:4/5;background:#202027;position:relative;overflow:hidden}.vc-list-photo img{width:100%;height:100%;object-fit:cover;display:block}.vc-list-photo .avatar-art{height:100%;width:100%}.vc-list-save{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(10,10,14,.72);backdrop-filter:blur(10px);color:#fff;font-size:19px;display:grid;place-items:center}.vc-list-badges{position:absolute;left:9px;bottom:9px;display:flex;gap:6px;flex-wrap:wrap}.vc-list-badge{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:rgba(10,10,14,.78);color:white;backdrop-filter:blur(8px)}.vc-list-badge.verified{position:static;width:auto;height:auto;display:inline-flex;background:#0a84ff;color:#fff}.vc-list-info{padding:12px 12px 14px}.vc-list-title{font-size:17px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-list-place{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px;color:var(--muted);font-size:12px}.vc-list-distance{color:#30d158;font-weight:750}.vc-list-meta{margin-top:7px;color:#777;font-size:11px}
.simple-home .vc-market-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.simple-home .vc-list-card{background:#fff;color:#1c1c1e;border-color:#e7e7ea;box-shadow:0 2px 10px rgba(0,0,0,.04)}.simple-home .vc-list-place,.simple-home .vc-list-meta{color:#6e6e73}.simple-home .vc-list-save{background:rgba(255,255,255,.9);color:#111;box-shadow:0 1px 8px rgba(0,0,0,.15)}
.vc-location-consent{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(10,132,255,.06)}.vc-location-consent button{margin-top:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 13px;font-weight:750}.vc-location-consent strong{display:block}.vc-location-consent small{display:block;color:var(--muted);margin-top:4px}
.vc-toast{position:fixed;z-index:9999;left:50%;bottom:24px;transform:translateX(-50%);background:#1c1c1e;color:#fff;padding:11px 16px;border-radius:999px;box-shadow:0 10px 40px rgba(0,0,0,.3);font-size:13px;opacity:0;pointer-events:none;transition:.2s}.vc-toast.show{opacity:1;bottom:32px}
@media(max-width:1100px){.vc-market-grid,.simple-home .vc-market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.vc-market-grid,.simple-home .vc-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vc-list-title{font-size:15px}.vc-list-info{padding:10px}.vc-nearby-bar{align-items:stretch}.vc-nearby-bar button,.vc-nearby-bar select{flex:1}.top-actions .vc-account-button{padding:9px 12px}.desktop-nav{display:none}}
