/* AccountEdge Support Hub -- click-to-enlarge lightbox for scanned
   training guide screenshots (.scan-gallery / .scan-fig). Shared by
   all 4 Dick Hope & Associates training guides. The underlying jpgs
   are already full resolution -- this only changes how large they
   display, it doesn't touch image quality. */

.scan-fig{position:relative;cursor:zoom-in}
.scan-fig img{transition:transform .15s ease, box-shadow .15s ease}
.scan-fig:hover img{transform:scale(1.045);box-shadow:0 12px 28px rgba(16,46,88,.28)}
.scan-fig::after{
  content:"🔍 Click to enlarge";
  position:absolute;left:0;right:0;bottom:26px;
  text-align:center;font-size:10.5px;font-weight:800;color:#fff;
  background:rgba(23,74,124,.85);padding:4px 0;border-radius:0 0 6px 6px;
  opacity:0;transform:translateY(4px);
  transition:opacity .15s ease, transform .15s ease;
  pointer-events:none;
}
.scan-fig:hover::after{opacity:1;transform:translateY(0)}

.scan-lightbox-overlay{
  position:fixed;inset:0;z-index:9999;display:none;
  align-items:center;justify-content:center;
  background:rgba(9,18,32,.90);padding:40px;
}
.scan-lightbox-overlay.open{display:flex}
.scan-lightbox-content{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;
  max-width:92vw;max-height:88vh;
}
.scan-lightbox-img{
  max-width:92vw;max-height:76vh;width:auto;height:auto;
  border-radius:8px;background:#fff;
  box-shadow:0 30px 70px rgba(0,0,0,.55);
}
.scan-lightbox-caption{color:#eaf2fb;font-size:13.5px;font-weight:800;text-align:center}
.scan-lightbox-counter{color:#9db3ce;font-size:12px;font-weight:700}
.scan-lightbox-close{
  position:fixed;top:20px;right:24px;width:42px;height:42px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32);color:#fff;
  font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.scan-lightbox-close:hover{background:rgba(255,255,255,.24)}
.scan-lightbox-nav{
  position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32);color:#fff;
  font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.scan-lightbox-nav:hover{background:rgba(255,255,255,.24)}
.scan-lightbox-prev{left:20px}
.scan-lightbox-next{right:20px}

@media(max-width:700px){
  .scan-fig::after{display:none}
  .scan-lightbox-nav{width:42px;height:42px;font-size:20px}
  .scan-lightbox-prev{left:8px}
  .scan-lightbox-next{right:8px}
  .scan-lightbox-close{top:10px;right:10px}
}