/* Beach Music TV — gallery page (gallery.php). Requires base.css. */

.bmtv-photos{padding:52px 0 100px;background:var(--aqua-bg)}
.bmtv-photo-grid{columns:3;column-gap:16px}
.bmtv-photo{break-inside:avoid;margin:0 0 16px;padding:0;border:0;width:100%;border-radius:14px;overflow:hidden;background:var(--navy);box-shadow:0 12px 30px rgba(10,50,65,.10);cursor:zoom-in;display:block}
.bmtv-photo img{width:100%;height:auto;transition:transform .6s ease}
@media (hover:hover) and (pointer:fine){.bmtv-photo:hover img{transform:scale(1.05)}}

/* Lightbox */
.bmtv-lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(6,27,53,.92);backdrop-filter:blur(6px)}
.bmtv-lightbox.is-open{display:flex}
.bmtv-lightbox img{max-width:min(1100px,92vw);max-height:88vh;width:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.bmtv-lightbox-close,.bmtv-lightbox-nav{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-family:var(--body);transition:.2s}
.bmtv-lightbox-close:hover,.bmtv-lightbox-nav:hover{background:rgba(255,255,255,.28)}
.bmtv-lightbox-close{top:20px;right:24px;width:44px;height:44px;border-radius:50%;font-size:22px;line-height:1}
.bmtv-lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;font-size:26px;line-height:1}
.bmtv-lightbox-nav.prev{left:20px}
.bmtv-lightbox-nav.next{right:20px}

@media(max-width:1000px){.bmtv-photo-grid{columns:2}}
@media(max-width:700px){.bmtv-photo-grid{columns:1}}