/* MFM shared lightbox.
   Extracted from the package-slot viewer (mfmLbOpen / mfmLbNav), which already
   had working prev/next, keyboard and swipe. Kept as one asset so the moodboard
   grids on the public casting page and in the admin share one implementation
   instead of a third divergent copy. */

.mfm-lb{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;
        background:rgba(8,4,16,.94);}
.mfm-lb.is-open{display:flex;}
.mfm-lb__img{max-width:94vw;max-height:86vh;display:block;border-radius:4px;
             box-shadow:0 10px 40px rgba(0,0,0,.6);}

.mfm-lb__btn{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;cursor:pointer;
             width:48px;height:48px;border-radius:50%;font-size:26px;line-height:1;user-select:none;
             display:grid;place-items:center;transition:background .15s ease;}
.mfm-lb__btn:hover{background:rgba(255,255,255,.26);}
.mfm-lb__btn:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.mfm-lb__close{top:16px;right:20px;font-size:22px;}
.mfm-lb__prev{left:18px;top:50%;transform:translateY(-50%);}
.mfm-lb__next{right:18px;top:50%;transform:translateY(-50%);}
.mfm-lb__btn[hidden]{display:none;}

.mfm-lb__bar{position:absolute;left:0;right:0;bottom:0;padding:14px 64px 18px;text-align:center;color:#fff;
             background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,0) 100%);pointer-events:none;}
.mfm-lb__caption{font-size:14px;line-height:1.45;max-width:74ch;margin:0 auto;text-shadow:0 1px 3px rgba(0,0,0,.7);}
.mfm-lb__count{font-size:12px;letter-spacing:.09em;text-transform:uppercase;opacity:.72;margin-top:6px;}

/* Anything wired to the lightbox should look clickable. */
[data-mfm-lb]{cursor:zoom-in;}

@media (max-width:640px){
  .mfm-lb__btn{width:42px;height:42px;font-size:22px;}
  .mfm-lb__prev{left:6px;}
  .mfm-lb__next{right:6px;}
  .mfm-lb__bar{padding:12px 18px 14px;}
  .mfm-lb__img{max-width:98vw;max-height:78vh;}
}