/* ============================================= */
/* FULLSCREEN FANCYBOX + CLOSE BUTTON FIX        */
/* ============================================= */

/* Force the Fancybox container to fill the entire viewport */
.fancybox-container,
.fancybox-bg,
.fancybox-inner,
.fancybox-stage,
.fancybox-content {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
  z-index: 99990 !important;
}

/* Make the iframe or media inside Fancybox fill the screen */
.fancybox-content iframe,
.fancybox-content img,
.fancybox-content video {
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Fix close button visibility & position */
.fancybox-button--close {
  position: fixed !important;
  top: 47px !important;
  right: 3px !important;
  z-index: 100000 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: rgba(0, 0, 0, 0.5) !important;
  border-radius: 8px !important;
  transition: all 0.25s ease-in-out !important;
}

.fancybox-button--close:hover {
  background: rgba(255, 255, 255, 0.35) !important;
}

/* Prevent iframe blocking overlay clicks */
.fancybox-content iframe {
  pointer-events: auto !important;
}

.ol-full-screen,
.ol-full-screen button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}





.list_block {
    background: rgba(0, 0, 0, 0.5) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    transition: background 0.2s 
    ease-in-out !important;
}