/* D&J Diamond Inc. — Unified Lightbox Styles
   Premium image viewer with cinematic transitions */

#dj-lightbox{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center}

#dj-lightbox.open{display:flex}

/* Backdrop */
.lb-backdrop{position:absolute;inset:0;background:rgba(3,3,5,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;animation:lb-fade-in .4s cubic-bezier(.16,1,.3,1) forwards}

@keyframes lb-fade-in{to{opacity:1}}

/* Close button — top right, minimalist line icon */
.lb-close{position:absolute;top:28px;right:32px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,169,97,.15);background:rgba(12,12,16,.4);color:rgba(201,169,97,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:3;backdrop-filter:blur(4px)}
.lb-close svg{width:18px;height:18px}
.lb-close:hover{border-color:rgba(201,169,97,.5);color:#C9A961;background:rgba(201,169,97,.05);transform:rotate(90deg)}

/* Arrows — elegant, always visible, hover enhances */
.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(201,169,97,.22);background:rgba(12,12,16,.45);color:rgba(201,169,97,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.16,1,.3,1);z-index:3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;animation:lb-arrow-in .5s cubic-bezier(.16,1,.3,1) .3s forwards}
@keyframes lb-arrow-in{to{opacity:1}}
.lb-arrow svg{width:22px;height:22px;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.lb-prev{left:40px}
.lb-next{right:40px}
.lb-arrow:hover{border-color:rgba(201,169,97,.55);color:#E0C078;background:rgba(201,169,97,.08);transform:translateY(-50%) scale(1.06)}
.lb-prev:hover svg{transform:translateX(-4px)}
.lb-next:hover svg{transform:translateX(4px)}

/* Stage — holds image and metadata */
.lb-stage{position:relative;max-width:86vw;max-height:86vh;display:flex;flex-direction:column;align-items:center;z-index:2;transform:scale(.96);opacity:0;animation:lb-stage-in .6s cubic-bezier(.16,1,.3,1) .15s forwards}

@keyframes lb-stage-in{to{transform:scale(1);opacity:1}}

.lb-image{max-width:86vw;max-height:78vh;object-fit:contain;box-shadow:0 50px 120px rgba(0,0,0,.85),0 0 0 1px rgba(201,169,97,.06);transition:opacity .25s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.lb-image.lb-fading{opacity:0;transform:scale(.98)}

/* Meta info — below image, centered */
.lb-meta{text-align:center;margin-top:24px;max-width:600px}
.lb-name{display:block;font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2vw,28px);font-weight:300;color:#E4E4E8;letter-spacing:.02em;line-height:1.3}
.lb-desc{display:block;font-family:'Inter',sans-serif;font-size:clamp(12px,.9vw,14px);font-weight:300;color:#6B6B76;margin-top:6px;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}

/* Counter — top center, thin and refined */
.lb-counter{position:absolute;top:32px;left:50%;transform:translateX(-50%);font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.3em;color:rgba(154,154,166,.5);z-index:3;text-transform:uppercase}
.lb-counter .lb-current{color:#C9A961}

/* Responsive */
@media (max-width:768px){
  .lb-arrow{width:44px;height:44px;opacity:1;animation:none}
  .lb-prev{left:14px}
  .lb-next{right:14px}
  .lb-close{top:20px;right:20px;width:38px;height:38px}
  .lb-counter{top:20px;font-size:10px}
  .lb-image{max-width:94vw;max-height:70vh}
  .lb-meta{margin-top:16px}
}