/* Shared lightbox for project pages — picks up each page's own palette via CSS vars */

img.plb-able{cursor:zoom-in}

.plb{position:fixed;inset:0;z-index:200;background:rgba(6,6,11,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
     display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px 78px}
.plb.open{display:flex}

.plb-stage{position:relative;max-width:min(94vw,1180px);max-height:78vh;border-radius:14px;overflow:hidden;
           border:1px solid var(--line,#23233a);box-shadow:0 30px 80px rgba(0,0,0,.7);background:var(--card,#13131e);line-height:0}
.plb-stage img{display:block;max-width:min(94vw,1180px);max-height:78vh;width:auto;height:auto;margin:0 auto}
/* full-width mode: long screenshots scroll instead of shrinking */
.plb-stage.scroll{overflow:auto;max-height:78vh}
.plb-stage.scroll img{width:min(94vw,1180px);max-width:none;max-height:none}

.plb-info{text-align:center;color:#fff;line-height:1.45;max-width:min(94vw,1180px)}
.plb-info b{font-family:'Sora',sans-serif;display:block;font-size:1rem;margin-bottom:2px}
.plb-info b:empty{display:none}
.plb-info span{color:var(--muted,#9a9ab0);font-size:.84rem}

.plb-bar{display:flex;align-items:center;gap:14px}
.plb-count{color:var(--muted,#9a9ab0);font-size:.7rem;letter-spacing:2px;font-family:'Sora',sans-serif;font-weight:600}
.plb-full{display:none;font-family:'Sora',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.5px;
          padding:7px 15px;border-radius:99px;border:1px solid var(--line,#23233a);background:rgba(255,255,255,.05);
          color:#fff;cursor:pointer;transition:all .2s}
.plb-full.show{display:inline-block}
.plb-full:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}

.plb-btn{position:absolute;border-radius:50%;border:1px solid var(--line,#23233a);background:rgba(255,255,255,.05);
         color:#fff;cursor:pointer;transition:all .2s;z-index:2;display:flex;align-items:center;justify-content:center;
         font-family:'Sora',sans-serif;line-height:1;padding:0}
.plb-btn:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.38)}
.plb-x{top:22px;right:26px;width:44px;height:44px;font-size:1.5rem}
.plb-prev,.plb-next{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:1.5rem}
.plb-prev{left:20px}
.plb-next{right:20px}
.plb.single .plb-prev,.plb.single .plb-next{display:none}

@media(max-width:640px){
  .plb{padding:18px 10px 22px}
  .plb-stage,.plb-stage img{max-height:64vh}
  .plb-x{top:10px;right:12px;width:38px;height:38px;font-size:1.3rem}
  .plb-prev,.plb-next{width:38px;height:38px;font-size:1.2rem}
  .plb-prev{left:2px}
  .plb-next{right:2px}
  .plb-info b{font-size:.9rem}
  .plb-info span{font-size:.76rem}
}