/* bnyxnet-fullscreen.css
   Fullscreen viewer styles
   Author: Binoy Abraham — Professional Edition © Binoy Abraham
*/

.bxng-fullscreen-wrap { position: relative; width:100%; height:100vh; overflow:hidden; display:flex; flex-direction:column; }
/* new darker, warm background that pairs with indianorthodoxireland.ie palette */
.bxng-fullscreen-wrap {
  background: radial-gradient(circle at 20% 10%, #fbfaf9 0%, #ffffff 45%, #f6f6f5 100%);
  color: #111111;
}

/* Controls: gold accents */
.bxng-fullscreen-controls {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px;
  background: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.15));
  z-index:50;
}

/* buttons: subtle gold on dark */
.bxng-fullscreen-controls .bxng-btn {
  background: #b98d2b;
  color: #0b0b0b;
  border: 0;
  padding:8px 10px;
  border-radius:4px;
  font-weight:600;
}
.bxng-fullscreen-controls .bxng-btn[disabled] {
  opacity:0.5;
  filter:grayscale(60%);
}

/* viewer */
.bxng-fs-viewer { position:relative; flex:1; display:flex; align-items:center; justify-content:center; min-height:320px; }
/* watermark overlay in fullscreen viewer */
.bxng-fs-viewer { position: relative; }
.bxng-fs-viewer .bxng-watermark {
  position: absolute;
  right: 10px;
  bottom: 12px;
  font-size: 12px;
  color: rgba(20,20,20,0.9);
  background: rgba(255,255,255,0.85);
  padding: 4px 8px;
  border-radius: 6px;
  pointer-events: none;
  z-index: 10002;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

/* image: center and smooth transition when zoom toggled */
.bxng-fs-image {
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
  transition: transform .2s ease;
}

/* zoomed style: scale factor and allow transform translate for pan */
.bxng-fs-image.bxng-fs-zoomed,
.bxng-fs-image.bxng-fs-zoomed[style] { /* when transformed by JS */
  transform: scale(1.5);
  cursor: grab;
}

/* Hide any caption/title in the fullscreen viewer */
.bxng-fs-caption {
  display: none !important;
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
}

/* overlay controls (Prev / Next / Close) - always visible and less obtrusive */
/* make prev/next medium circular buttons centered vertically on the sides */
.bxng-fs-prev,
.bxng-fs-next,
.bxng-fs-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10001;
  border: 0;
  background: rgba(255,255,255,0.9);
  color: #111;
  transition: background .12s ease, transform .12s ease, opacity .12s ease;
  box-shadow: 0 6px 16px rgba(21,21,21,0.06);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(0,0,0,0.04);
}

/* Prev/Next centered vertically, smaller */
.bxng-fs-prev,
.bxng-fs-next {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  font-size: 18px;
  font-weight:700;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.95;
}
.bxng-fs-prev { left: 12px; }
.bxng-fs-next { right: 12px; }

/* Close: small round button at top-right */
.bxng-fs-close {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  font-size: 14px;
  top: 12px;
  right: 12px;
  margin-left: 6px;
  opacity: 0.95;
}

/* Hover / focus states */
.bxng-fs-prev:hover,
.bxng-fs-next:hover,
.bxng-fs-close:hover,
.bxng-fs-prev:focus,
.bxng-fs-next:focus,
.bxng-fs-close:focus {
  background: rgba(185,141,43,0.95); /* gold accent kept */
  color: #080808;
  transform: translateY(-50%) scale(1.05);
  outline: none;
}

/* Slightly reduce visual weight when disabled */
.bxng-fs-prev[disabled],
.bxng-fs-next[disabled],
.bxng-fs-close[disabled] {
  opacity: 0.45;
  cursor: default;
  filter: grayscale(60%);
}

/* Responsive: smaller on very small screens and stack top controls */
@media (max-width:600px){
  .bxng-fs-prev, .bxng-fs-next { width:42px; height:42px; border-radius:21px; font-size:16px; left:8px; right:8px; }
}

/* Ensure overlay controls are visible when element is in fullscreen (vendor prefixes included) */
.bxng-fullscreen-wrap:-webkit-full-screen .bxng-fs-prev,
.bxng-fullscreen-wrap:-webkit-full-screen .bxng-fs-next,
.bxng-fullscreen-wrap:-webkit-full-screen .bxng-fs-close,
.bxng-fullscreen-wrap:fullscreen .bxng-fs-prev,
.bxng-fullscreen-wrap:fullscreen .bxng-fs-next,
.bxng-fullscreen-wrap:fullscreen .bxng-fs-close {
  display: flex;
  opacity: 0.95;
}

/* loader and status adjustments */
.bxng-fs-loader { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(255,255,255,0.9); padding:8px 12px; border-radius:6px; color:#111; border:1px solid rgba(0,0,0,0.04); }
.bxng-fs-status { padding:8px 12px; font-size:13px; background:transparent; text-align:center; color:#444; }

/* ensure contrast for small text */
.bxng-fs-viewer, .bxng-fs-caption { color: #f6f0e6; }
/* Defensive: ensure fullscreen close button (if present elsewhere) is hidden */
.bxng-fs-close { display: none !important; visibility: hidden !important; pointer-events: none !important; }