/*
    Colorbox Core Style — MoleCraft SMP dark theme
    Buttons use position:fixed to escape Colorbox's clipping DOM.
*/
#colorbox, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
#cboxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #030712;
  opacity: 0.95;
}

#cboxWrapper { max-width: none; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: hidden; border-radius: 12px; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; }

#colorbox { outline: 0; }

#cboxContent {
  margin-top: 36px;
  margin-bottom: 24px;
  background: transparent;
}

#cboxLoadedContent {
  position: relative;
  border: 1px solid #1e293b;
  background: #0b0f17;
  border-radius: 12px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);
  overflow: visible;
}

/* --- Top info bar: title, counter, close all on the left --- */
#cboxTitle {
  position: absolute;
  top: -34px;
  left: 0;
  color: #94a3b8;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#cboxTitle a { color: #60a5fa; text-decoration: none; }

#cboxCurrent {
  position: absolute;
  top: -34px;
  left: 0;
  color: #64748b;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  opacity: 0.85;
}

#cboxLoadingGraphic { background: url(../images/loading.gif) no-repeat center center; }

/* Hide slideshow — not used */
#cboxSlideshow { display: none !important; }

/* Hide native Colorbox buttons — we create our own via JS at body level */
#cboxClose, #cboxPrevious, #cboxNext {
  display: none !important;
}