/* ============================================================
   U Talk Events — community preview + single-event gallery
   (Vela 2026-08-28, UTALK-14 — own file; independent of the
   episode-embed rules in styles.css)
   ============================================================ */

/* ---- community preview grid (shortcode output = plain markup;
        .bash-photos-grid / .bash-photo-tile sizing comes from styles.css) */
.utalk-events .bash-photo-tile img{display:block;width:100%;height:100%;object-fit:cover}
.utalk-events .bash-photo-tile{display:block}
.utalk-events .bash-photo-tile:focus-visible,
.utalk-gallery-tile:focus-visible{outline:3px solid var(--gcid-accent-2);outline-offset:2px}
.utalk-event-sublabel{margin:34px 0 14px}
.utalk-events .bash-photos-grid+.utalk-event-sublabel{margin-top:38px}

/* ---- single event page ---- */
.utalk-event-meta{margin:14px 0 0;font-size:var(--gvid-text-ui);font-weight:700;letter-spacing:.04em}
.utalk-event-meta .utalk-event-date{color:var(--gcid-text-caption)}
.utalk-gallery-page{padding-bottom:56px}
.utalk-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.utalk-gallery-tile{display:block;aspect-ratio:4/3;border-radius:var(--gvid-radius-card);overflow:hidden;position:relative}
.utalk-gallery-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.utalk-gallery-tile:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.utalk-gallery-tile img{transition:none}.utalk-gallery-tile:hover img{transform:none}}

@media (max-width:900px){.utalk-gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px}}
@media (max-width:640px){.utalk-gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}}

/* ---- lightbox ---- */
.utalk-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(12,13,16,.94);display:flex;align-items:center;justify-content:center}
.utalk-lightbox[hidden]{display:none}
.utalk-lb-img{max-width:calc(100vw - 120px);max-height:calc(100vh - 80px);border-radius:var(--gvid-radius-media);box-shadow:0 12px 48px rgba(0,0,0,.6)}
.utalk-lightbox button{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:var(--gcid-text-on-accent);font-size:26px;line-height:1;width:52px;height:52px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.utalk-lightbox button:hover{background:rgba(239,90,31,.85);border-color:var(--gcid-accent-2)}
.utalk-lightbox button:focus-visible{outline:3px solid var(--gcid-accent-2);outline-offset:2px}
.utalk-lb-close{top:18px;right:18px}
.utalk-lb-prev{left:14px;top:50%;transform:translateY(-50%)}
.utalk-lb-next{right:14px;top:50%;transform:translateY(-50%)}
.utalk-lb-count{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#d8dbe2;font-size:var(--gvid-text-caption-lg);font-weight:700;letter-spacing:.08em}
@media (max-width:640px){
  .utalk-lb-img{max-width:100vw;max-height:calc(100vh - 130px)}
  .utalk-lightbox button{width:44px;height:44px;font-size:22px}
  .utalk-lb-prev{left:8px;top:auto;bottom:58px;transform:none}
  .utalk-lb-next{right:8px;top:auto;bottom:58px;transform:none}
  .utalk-lb-count{bottom:24px}
}