/* Shared gallery lightbox styles — used by hotel_detail.html, hotel_vetrina.html
   (also included as a subset in static/css/hotel-detail.css). */
.gallery-lightbox .modal-content { background: rgba(0,0,0,0.95); border: none; border-radius: 0; }
/* overflow-y:hidden overrides Bootstrap modal-fullscreen (overflow-y:auto) — prevents iOS scroll
   container from swallowing tap events on buttons (arrows + X). Content fits within 85vh anyway. */
.gallery-lightbox .modal-body { display: flex; align-items: center; justify-content: center; min-height: 80vh; padding: 0; overflow-y: hidden; -webkit-overflow-scrolling: auto; }
.gallery-lightbox .modal-body img { max-height: 85vh; max-width: 100%; object-fit: contain; }
.gallery-lightbox .btn-close { position: absolute; top: 15px; right: 15px; z-index: 100; filter: invert(1); opacity: 0.8; touch-action: manipulation; }
.gallery-lightbox .btn-close:hover { opacity: 1; }
.gallery-lightbox .gallery-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.15); border: none; color: white; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; cursor: pointer; transition: all 0.2s; backdrop-filter: blur(4px); z-index: 100; touch-action: manipulation; }
.gallery-lightbox .gallery-nav:hover { background: rgba(255,255,255,0.3); }
.gallery-lightbox .gallery-nav.prev { left: 15px; }
.gallery-lightbox .gallery-nav.next { right: 15px; }
.gallery-lightbox .gallery-counter { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,0.7); font-size: 0.9rem; font-weight: 500; }
.gallery-lightbox .gallery-thumbnails { display: flex; gap: 4px; justify-content: center; padding: 12px 0; overflow-x: auto; }
.gallery-lightbox .gallery-thumbnails img { width: 60px; height: 40px; object-fit: cover; border-radius: 4px; opacity: 0.5; cursor: pointer; transition: opacity 0.2s; }
.gallery-lightbox .gallery-thumbnails img.active { opacity: 1; outline: 2px solid white; }