/* ── HF Lightbox ─────────────────────────────────────────────────────────────
   Eigenständige Galerie-Lightbox für .wp-block-gallery-Blöcke.

   Entfernen: Diese Datei löschen, assets/js/lightbox.js löschen,
   und die beiden gekennzeichneten Zeilen in inc/enqueue.php entfernen.
   ─────────────────────────────────────────────────────────────────────────── */

.hf-lightbox-overlay{
  position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,.92);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;
  transition:opacity .2s ease;
  cursor:zoom-out;
}
.hf-lightbox-overlay.is-open{opacity:1;pointer-events:auto}

/* ── Bild ── */
.hf-lightbox-figure{
  position:relative;
  max-width:calc(100vw - 120px);
  display:flex;flex-direction:column;align-items:center;
  cursor:default;
}
.hf-lightbox-img{
  display:block;
  max-width:100%;max-height:calc(100vh - 80px);
  object-fit:contain;
  box-shadow:0 8px 40px rgba(0,0,0,.5);
  transition:opacity .15s;
}
.hf-lightbox-img.is-loading{opacity:0}
.hf-lightbox-caption{
  margin-top:12px;
  color:rgba(255,255,255,.65);
  font:400 0.875rem/1.4 system-ui,sans-serif;
  text-align:center;max-width:600px;
}
.hf-lightbox-caption:empty{display:none}

/* ── Schließen-Button ── */
.hf-lightbox-close{
  position:fixed;top:16px;right:20px;
  background:none;border:none;color:#fff;
  font-size:2rem;line-height:1;cursor:pointer;
  padding:8px;opacity:.7;transition:opacity .15s;
}
.hf-lightbox-close:hover{opacity:1}

/* ── Navigationspfeile ── */
.hf-lightbox-prev,
.hf-lightbox-next{
  position:fixed;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:#fff;font-size:1.75rem;line-height:1;
  cursor:pointer;padding:18px 15px;
  transition:background .15s;
}
.hf-lightbox-prev:hover,
.hf-lightbox-next:hover{background:rgba(255,255,255,.22)}
.hf-lightbox-prev{left:12px}
.hf-lightbox-next{right:12px}
.hf-lightbox-prev.is-hidden,
.hf-lightbox-next.is-hidden{display:none}

/* ── Mobile ── */
@media (max-width:640px){
  .hf-lightbox-figure{max-width:calc(100vw - 8px)}
  .hf-lightbox-prev{left:4px;padding:14px 10px}
  .hf-lightbox-next{right:4px;padding:14px 10px}
}