/* Fancybox tweaks copied from original index.html to hide zoom button, style image borders and toolbar */
/* Hide zoom/magnify button */
.f1ancybox__button--zoom {
  display: none !important;
}
/* Hide Zoom (magnify) button in Fancybox v4 */
.f1ancybox__toolbar .f-button--zoom {
    display: none !important;
}

/* IMAGE BORDER */
.fancybox__content img {
  border: 6px solid #fff !important;
  border-radius: 6px;
  display: block;
}

/* ensure content can be positioning context for toolbar */
.fancybox__content {
  position: relative !important;
  display: inline-block !important; /* shrinkwrap to image */
}

/* When we move toolbar inside .fancybox__content, absolute will position relative to it */
.fancybox__content .fancybox__toolbar {
  position: absolute !important;
  top: -5% !important;    /* tweak to overlap corner — adjust if needed */
  right: -5% !important;  /* tweak to overlap corner */
  z-index: 9999 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Close button look */
.fancybox__content .fancybox__button--close {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,0.65) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.35) !important;
  border: 2px solid rgba(255,255,255,0.08) !important;
}

/* make the X icon white so it is visible */
.fancybox__content .fancybox__button--close svg {
  color: #fff;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.fancybox__toolbar, .f-button--close, .fancybox__button--close { pointer-events: auto !important; }