/* Sports-venue pins on the MAIN map: card (MapLibre popup), search badge, filter chips. docs/VENUES.md → Main map.
   Own file so app.css (shared hot file) stays untouched; brand tokens from app.css. */
.vpop-wrap .maplibregl-popup-content { padding: 12px 14px 12px; border-radius: 14px; background: var(--fb-surface, #fff); color: var(--fb-text, #08244A);
    box-shadow: 0 8px 28px rgba(8, 36, 74, .22); font: inherit; }
.vpop-wrap .maplibregl-popup-tip { border-top-color: var(--fb-surface, #fff); border-bottom-color: var(--fb-surface, #fff); }
.vpop-wrap .maplibregl-popup-close-button { width: 36px; height: 36px; font-size: 22px; line-height: 1; color: var(--fb-text-muted, #64748B); border-radius: 10px; }
.vpop { display: grid; gap: 3px; justify-items: start; padding-right: 22px; min-width: 0; max-width: 100%; }
.vpop__badge { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--fb-teal-600, #0493AA); }
.vpop__name { font-size: 16px; line-height: 1.25; overflow-wrap: anywhere; }
.vpop__meta, .vpop__addr { font-size: 14px; color: var(--fb-text-secondary, #475569); overflow-wrap: anywhere; }
.vpop__pass { margin-top: 2px; padding: 1px 8px; border-radius: 10px; font-size: 12px; font-weight: 700; background: rgba(6, 185, 135, .14); color: #047857; }
.vpop__hours { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; font-size: 14px; }
.vpop__today { color: var(--fb-text-secondary, #475569); font-variant-numeric: tabular-nums; }
.vpop__pills { display: flex; flex-wrap: wrap; gap: 6px; }
.vpop__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 8px; margin-right: -22px; width: calc(100% + 22px); } /* full card width (the card keeps 22px for the ×), buttons centred */
.vpop__btn { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 12px; border-radius: 12px;
    border: 1px solid transparent; background: #08244A; color: #fff; font-size: 14px; font-weight: 650;
    text-decoration: none; white-space: nowrap; }
.vpop__btn:hover, .vpop__btn:visited { color: #fff; }
.vpop__btn { transition: transform .16s ease, box-shadow .16s ease, filter .16s ease; }
@media (hover: hover) {
    .vpop__btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(8, 36, 74, .28); filter: brightness(1.12); }
}
.vpop__btn:active { transform: translateY(0) scale(.97); box-shadow: none; transition-duration: .06s; }
@media (prefers-reduced-motion: reduce) { .vpop__btn { transition: none; } .vpop__btn:hover, .vpop__btn:active { transform: none; } }
.vpop__btn--go { border-color: transparent; color: #fff; background: linear-gradient(135deg, #0072F2, #0493AA); }
.vpop__btn:focus-visible { outline: 2px solid var(--fb-blue-600, #0072F2); outline-offset: 2px; }
:root[data-theme="dark"] .vpop__pass { color: #6EE7B7; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .vpop__pass { color: #6EE7B7; } }

/* search suggestion badge "Športni objekt" */
.tag--venue { background: rgba(4, 147, 170, .12); color: var(--fb-teal-600, #037F93); font-size: 11px; padding: 1px 6px; margin-left: 4px; vertical-align: middle; white-space: nowrap; }

/* filter chips with the sport pin */
.chip--vsport img { width: 14px; height: 18px; flex: none; }