/* PDL Lightbox v1.1.0 — pdl.vn */

/* ── Overlay ── */
#pdl-lb{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .28s ease}
#pdl-lb.open{opacity:1;pointer-events:all}

/* ── Main image wrap ── */
#pdl-lb-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:100%;min-height:0}

/* ── Image — scale-up open animation ── */
#pdl-lb-img{
  max-width:90vw;max-height:78vh;object-fit:contain;border-radius:5px;
  display:block;user-select:none;
  opacity:0;transform:scale(.88);
  transition:opacity .28s ease, transform .28s cubic-bezier(.22,.8,.36,1);
  cursor:grab;
}
#pdl-lb-img.pdl-ready{opacity:1;transform:scale(1)}
#pdl-lb-img:active{cursor:grabbing}

/* ── Spinner ── */
#pdl-lb-spinner{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:40px;height:40px;
  border:3px solid rgba(255,255,255,.2);
  border-top-color:rgba(255,255,255,.85);
  border-radius:50%;
  animation:pdl-spin .75s linear infinite;
  display:none;
}
#pdl-lb-spinner.pdl-loading{display:block}
@keyframes pdl-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* ── Close ── */
#pdl-lb-close{position:absolute;top:12px;right:16px;color:#fff;font-size:34px;line-height:1;opacity:.75;background:none;border:none;padding:4px 10px;cursor:pointer;z-index:2}
#pdl-lb-close:hover{opacity:1}

/* ── Prev / Next ── */
#pdl-lb-prev,#pdl-lb-next{
  position:absolute;top:50%;transform:translateY(-50%);
  color:#fff;font-size:32px;cursor:pointer;
  background:rgba(255,255,255,.12);border:none;border-radius:50%;
  width:52px;height:52px;display:flex;align-items:center;justify-content:center;
  transition:background .2s;user-select:none;z-index:2;
}
#pdl-lb-prev:hover,#pdl-lb-next:hover{background:rgba(255,255,255,.3)}
#pdl-lb-prev{left:14px}
#pdl-lb-next{right:14px}
#pdl-lb-prev.pdl-hidden,#pdl-lb-next.pdl-hidden{display:none!important}

/* ── Counter & Caption ── */
#pdl-lb-counter{color:rgba(255,255,255,.55);font-size:13px;text-align:center;padding:6px 0 2px;flex-shrink:0}
#pdl-lb-caption{color:rgba(255,255,255,.72);font-size:13px;text-align:center;padding:2px 70px 6px;line-height:1.5;flex-shrink:0;min-height:22px}

/* ── Thumbnail strip ── */
#pdl-lb-thumbs{
  display:flex;gap:6px;justify-content:center;align-items:center;
  padding:6px 60px 14px;flex-shrink:0;width:100%;box-sizing:border-box;
  overflow-x:auto;scrollbar-width:none;
}
#pdl-lb-thumbs::-webkit-scrollbar{display:none}
#pdl-lb-thumbs.pdl-hidden{display:none!important}

.pdl-thumb{
  width:52px;height:40px;object-fit:cover;border-radius:3px;
  opacity:.45;cursor:pointer;flex-shrink:0;
  border:2px solid transparent;
  transition:opacity .18s,border-color .18s,transform .18s;
}
.pdl-thumb:hover{opacity:.8;transform:scale(1.06)}
.pdl-thumb.pdl-active{opacity:1;border-color:rgba(255,255,255,.9);transform:scale(1.08)}

/* ── Hand cursor on page images ── */
.wp-block-image img,
.wp-block-gallery img,
.gb-carousel img,
.gb-grid-wrapper img,
.entry-content figure img{cursor:pointer}

/* ── Zoom cursor override (opt-in via settings) ── */
.pdl-lb-zoom .wp-block-image img,
.pdl-lb-zoom .wp-block-gallery img,
.pdl-lb-zoom .gb-carousel img,
.pdl-lb-zoom .gb-grid-wrapper img,
.pdl-lb-zoom .entry-content figure img{cursor:zoom-in}