/* FBM Gallery (mu-plugins/fbm-gallery.php): photos in a grid with the id fbm-gallery-<name> open in a lightbox. */
[id^="fbm-gallery-"] img { cursor: zoom-in; }
[id^="fbm-gallery-"][id$="-open"] { cursor: pointer; }
.fbm-lb { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; background: rgba(10, 12, 16, .92); }
.fbm-lb[hidden] { display: none; }
.fbm-lb img { display: block; max-width: min(92vw, 1600px); max-height: 84vh; width: auto; height: auto; object-fit: contain; border-radius: 4px; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); user-select: none; }
.fbm-lb button { position: absolute; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; margin: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14) !important; color: #fff !important; cursor: pointer; box-shadow: none !important; }
.fbm-lb button:hover, .fbm-lb button:focus-visible { background: rgba(255, 255, 255, .28) !important; outline: none; }
.fbm-lb button svg { display: block; width: 22px; height: 22px; }
.fbm-lb .fbm-lb-close { top: 16px; right: 16px; }
.fbm-lb .fbm-lb-prev { left: 16px; top: 50%; margin-top: -24px; }
.fbm-lb .fbm-lb-next { right: 16px; top: 50%; margin-top: -24px; }
.fbm-lb .fbm-lb-count { position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; color: rgba(255, 255, 255, .85); font: 500 14px/1 system-ui, sans-serif; letter-spacing: .04em; }
@media (max-width: 767px) { .fbm-lb .fbm-lb-prev { left: 6px; } .fbm-lb .fbm-lb-next { right: 6px; } .fbm-lb img { max-width: 100vw; border-radius: 0; } }