/* Additional styles for gallery layout (keeps original header styling intact) */
:root{--panel:#121826;--border:#1e2636;--muted:#9aa7bb}
.container{max-width:1400px;margin:0 auto;padding:100px 16px 20px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{display:block;background:#1c1f33;border:1px solid #2a2f4a;border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .08s ease,border-color .08s ease}
.card:hover{transform:translateY(-2px);border-color:#3a4b6b}
.img-wrap{background:#0e1420}
.img-wrap img{display:block;width:100%;height:auto} /* full image, no crop */
.meta{padding:10px 12px 14px}
.meta h3{margin:0 0 6px 0;font-size:1.05rem;line-height:1.3}
.sub{display:flex;gap:10px;flex-wrap:wrap;color:#c7cbe1;font-size:.92rem;align-items:center}
.dot::before{content:"• ";opacity:.7}
.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.3px;border:1px solid transparent}
.badge.live{background:#d43f3f;color:#fff}
.badge.soon{background:#b28b1f;color:#fff}

/* NOVO: značka za primer, ko mapa/JSON še nista pripravljena */
.badge.lsl{
  background:#3a4b6b; /* hladno modra, razlikuje se od LIVE/SOON */
  color:#fff;
  border-color:#4a5f85;
}

/* prazen state */
.empty{margin-top:24px;background:#1c1f33;border:1px solid #2a2f4a;border-radius:12px;padding:18px;text-align:center;color:#c7cbe1}

@media (max-width:1080px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.container{padding:90px 12px 16px}.card-grid{grid-template-columns:1fr}}

/* že obstoječi stil ... */

/* neklikljive kartice */
.card.disabled{
  cursor: not-allowed;
  opacity: .7;
  filter: grayscale(20%);
  pointer-events: none; /* ključ: prepreči klik */
}
/* pri disabled kartici tudi ne dviguj ob hoverju */
.card.disabled:hover{
  transform:none;
  border-color:#2a2f4a;
}

/* značka za LSL “coming soon” */
.badge.lsl{
  background:#3a4b6b;
  color:#fff;
  border-color:#4a5f85;
}