/* ══════════════════════════════════════════════════════════════
   لایت‌باکس مشترک — بزرگ‌نمایی عکس‌ها با محو شدن پس‌زمینه سایت
   در صفحه اصلی (افتخارات)، نگارخانه و صفحه اساتید استفاده می‌شود.
   ══════════════════════════════════════════════════════════════ */

.lb-overlay{
  position:fixed;inset:0;z-index:10000;
  display:none;align-items:center;justify-content:center;
  padding:clamp(12px,3vw,34px);
  background:rgba(14,24,23,.82);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.lb-overlay.open{display:flex;animation:lbFade .22s ease}
@keyframes lbFade{from{opacity:0}to{opacity:1}}

.lb-figure{
  position:relative;margin:0;
  display:flex;flex-direction:column;align-items:center;gap:14px;
  max-width:100%;max-height:100%;
}

/* عکس کامل دیده می‌شود (contain) و هیچ‌وقت از صفحه بیرون نمی‌زند */
.lb-img{
  display:block;
  max-width:min(94vw,1200px);
  max-height:74vh;
  width:auto;height:auto;
  object-fit:contain;
  border-radius:14px;
  box-shadow:0 30px 80px rgba(0,0,0,.55);
  background:rgba(255,255,255,.04);
  animation:lbZoom .28s cubic-bezier(.16,1,.3,1);
}
@keyframes lbZoom{from{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}

.lb-caption{
  max-width:min(94vw,820px);text-align:center;color:#f5f3e7;
  font-family:"Vazirmatn",sans-serif;
}
.lb-caption h3{font-size:clamp(15px,2.2vw,19px);font-weight:900;margin:0 0 6px;color:#f5f3e7}
.lb-caption p{font-size:clamp(12px,1.8vw,13.5px);line-height:1.9;margin:0;color:rgba(245,243,231,.72)}
.lb-counter{
  font-size:11.5px;font-weight:800;color:rgba(245,243,231,.5);
  letter-spacing:.5px;margin-top:2px;
}

.lb-btn{
  position:fixed;z-index:2;
  width:44px;height:44px;border:0;border-radius:50%;
  background:rgba(20,32,30,.72);color:#fff;
  font-size:22px;line-height:1;font-family:inherit;
  display:grid;place-items:center;cursor:pointer;
  backdrop-filter:blur(6px);
  transition:background .18s,transform .18s;
}
.lb-btn:hover{background:#c1533b}
.lb-close{top:clamp(12px,3vw,28px);left:clamp(12px,3vw,28px)}
.lb-close:hover{transform:rotate(90deg)}
/* راست‌به‌چپ: «قبلی» سمت راست، «بعدی» سمت چپ */
.lb-prev,.lb-next{top:50%;transform:translateY(-50%)}
.lb-prev:hover,.lb-next:hover{transform:translateY(-50%) scale(1.08)}
.lb-prev{right:clamp(10px,2.5vw,26px)}
.lb-next{left:clamp(10px,2.5vw,26px)}
.lb-btn[hidden]{display:none}

/* عکس‌هایی که با کلیک بزرگ می‌شوند */
.lb-zoomable{cursor:zoom-in}

@media(max-width:620px){
  .lb-img{max-height:62vh;max-width:94vw}
  .lb-btn{width:38px;height:38px;font-size:19px}
  .lb-caption p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
}

/* ویدیو داخل لایت‌باکس */
.lb-video{max-width:92vw;max-height:76vh;border-radius:10px;background:#000;display:block}
.lb-frame-wrap{width:min(92vw,960px);aspect-ratio:16/9;max-height:76vh}
.lb-frame{width:100%;height:100%;border:0;border-radius:10px;background:#000}
.lb-video[hidden],.lb-frame-wrap[hidden],.lb-img[hidden]{display:none!important}