/* Lightbox, shipped with Bishop Hobbies Core so both themes get it.
   Colours come from the active theme's custom properties, with fallbacks so
   the component still holds up if a theme does not define them. */
:root{
  --bhb-lb-ground: var(--indigo-deep, #171E33);
  --bhb-lb-ink: var(--parchment, #EFE9DA);
  --bhb-lb-accent: var(--brass, #B0793E);
  --bhb-lb-accent-lift: var(--brass-bright, #C98D4E);
}
/* --- Lightbox ----------------------------------------------------------- */
img[data-lightbox]{ cursor:zoom-in; }
img[data-lightbox]:focus-visible{ outline:2px solid var(--brass); outline-offset:3px; }
body.bhb-lightbox-open{ overflow:hidden; }

.bhb-lightbox{
  position:fixed; inset:0; z-index:200; display:none;
  align-items:center; justify-content:center;
  background:rgba(23,30,51,0.94); padding:56px 72px;
}
.bhb-lightbox.is-open{ display:flex; }
.bhb-lightbox .lb-figure{ margin:0; max-width:100%; max-height:100%; display:flex; flex-direction:column; gap:14px; }
.bhb-lightbox img{
  max-width:100%; max-height:78vh; width:auto; height:auto;
  object-fit:contain; margin:0 auto; display:block; background:var(--indigo-deep);
}
.bhb-lightbox figcaption{
  display:flex; justify-content:space-between; align-items:baseline; gap:24px;
  font-family:'JetBrains Mono',monospace; font-size:0.72rem; line-height:1.6;
  color:rgba(239,233,218,0.82);
}
.bhb-lightbox .lb-counter{ color:var(--brass-bright); white-space:nowrap; }
.bhb-lightbox .lb-close,
.bhb-lightbox .lb-nav{
  position:absolute; background:transparent; border:1px solid rgba(239,233,218,0.35);
  color:var(--parchment); cursor:pointer; font-family:'JetBrains Mono',monospace;
  width:44px; height:44px; font-size:1.1rem; line-height:1;
  transition:background .2s ease, border-color .2s ease;
}
.bhb-lightbox .lb-close:hover,
.bhb-lightbox .lb-nav:hover{ background:var(--brass); border-color:var(--brass); color:var(--ink); }
.bhb-lightbox .lb-close{ top:18px; right:18px; }
.bhb-lightbox .lb-prev{ left:16px; top:50%; transform:translateY(-50%); }
.bhb-lightbox .lb-next{ right:16px; top:50%; transform:translateY(-50%); }
.bhb-lightbox.is-single .lb-nav{ display:none; }
@media (max-width:620px){
  .bhb-lightbox{ padding:56px 12px; }
  .bhb-lightbox .lb-prev{ left:6px; }
  .bhb-lightbox .lb-next{ right:6px; }