/* ═══ MsKS — konverzné prvky na event detaile (2026-07-15) ═══ */

/* ── A1: Sticky mobilná „Kúpiť vstupenky" lišta ── */
.msks-sticky-ticket { display: none; }

@media (max-width: 768px) {
  .msks-sticky-ticket {
    display: flex;
    align-items: center;
    gap: 12px;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 9990;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    background: rgba(15, 23, 42, 0.97);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.28);
  }
  .msks-sticky-ticket__info { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; }
  .msks-sticky-ticket__price { color: #fff; font-weight: 800; font-size: 16px; }
  .msks-sticky-ticket__label { color: rgba(255,255,255,0.7); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .msks-sticky-ticket__btn {
    flex-shrink: 0; white-space: nowrap;
    padding: 11px 18px; border-radius: 10px;
    background: #ff6b35; color: #fff; font-weight: 700; font-size: 14px;
    text-decoration: none; border: 0;
  }
  .msks-sticky-ticket__btn:active { filter: brightness(0.94); }
  /* miesto pod obsahom, nech lišta nezakryje koniec článku */
  body.single-event { padding-bottom: 66px; }
}

/* ── A2: Lazy-load facade pre YouTube trailer ── */
.msks-yt-facade {
  display: block; position: absolute; inset: 0;
  width: 100%; height: 100%; padding: 0; border: 0; cursor: pointer;
  background: #000; overflow: hidden;
}
.msks-yt-facade img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.92; transition: opacity 0.15s, transform 0.3s; }
.msks-yt-facade:hover img { opacity: 1; transform: scale(1.03); }
.msks-yt-facade__play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 68px; height: 48px; border-radius: 12px;
  background: rgba(0, 0, 0, 0.72);
  transition: background 0.15s;
}
.msks-yt-facade:hover .msks-yt-facade__play { background: #ff0000; }
.msks-yt-facade__play::before {
  content: ''; position: absolute; top: 50%; left: 52%; transform: translate(-50%, -50%);
  border-style: solid; border-width: 11px 0 11px 19px;
  border-color: transparent transparent transparent #fff;
}