/* ===========================================================================
   LIGHTBOX ALBUM ẢNH DỰ ÁN — dùng chung toàn site (đi kèm gallery.js)
   Trước đây nằm trong thanhhung-home.css nên chỉ trang chủ có; tách ra để
   trang dịch vụ bấm ô ảnh cũng mở album y hệt trang chủ.
   =========================================================================== */

/* KHÔNG dùng overflow:hidden để khoá cuộn: trên theme này body không phải phần tử
   cuộn, gán overflow:hidden làm trang nhảy vọt về đầu và mất vị trí đang xem.
   Class .th-lb-open chỉ giữ làm móc nhận biết "đang mở album". */

.th-lightbox { position: fixed; inset: 0; background: rgba(1,22,49,.86); z-index: 90; display: flex; align-items: center; justify-content: center; padding: 20px; }

/* Nút đóng + mũi tên dùng chung cho cả 2 lớp lightbox.
   margin: 0 -> huỷ margin-right/bottom mà Flatsome gán mặc định cho mọi <button>. */
.th-lb-close { margin: 0; position: absolute; top: 18px; right: 18px; background: rgba(255,255,255,.15); border: none; color: #fff; width: 42px; height: 42px; border-radius: 50%; cursor: pointer; font-size: 22px; line-height: 1; z-index: 3; padding: 0; }
.th-lb-close:hover { background: rgba(255,255,255,.3); }
.th-lb-nav { margin: 0; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,.15); border: none; color: #fff; width: 46px; height: 46px; border-radius: 50%; cursor: pointer; font-size: 22px; line-height: 1; align-items: center; justify-content: center; z-index: 3; }
.th-lb-nav.prev { left: 14px; }
.th-lb-nav.next { right: 14px; }
.th-lb-nav:hover { background: rgba(255,255,255,.3); }

/* Lớp 1: xem TRỌN album dạng lưới trong 1 màn hình */
.th-lb-album { width: min(1100px, 94vw); max-height: 92vh; display: flex; flex-direction: column; gap: 16px; }
.th-lb-title { color: #fff; font-weight: 700; font-size: 18px; text-align: center; padding: 0 50px; }
.th-lb-count { display: inline-block; margin-left: 6px; font-size: 13px; font-weight: 600; color: #fff; background: rgba(255,255,255,.16); padding: 2px 10px; border-radius: 999px; vertical-align: middle; }
.th-lb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; overflow-y: auto; padding: 2px; }
.th-lb-tile { margin: 0; padding: 0; border: none; cursor: zoom-in; background: #11203a; border-radius: 10px; overflow: hidden; aspect-ratio: 4 / 3; display: block; width: 100%; }
.th-lb-tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.th-lb-tile:hover img { transform: scale(1.05); }
@media (max-width: 780px) { .th-lb-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 460px) { .th-lb-grid { grid-template-columns: 1fr; } .th-lb-title { padding: 0 44px; font-size: 16px; } }

/* Lớp 2: phóng to 1 ảnh */
.th-lb-zoom { z-index: 95; }
.th-lb-zoom .th-lb-img { max-width: 92vw; max-height: 82vh; object-fit: contain; border-radius: 10px; background: #11203a; display: block; }
.th-lb-zoom .th-lb-cap { color: #fff; font-weight: 600; font-size: 15px; text-align: center; }