/* Minimal styles for the in-page image viewer */
#js-image-viewer{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,0.35);
  backdrop-filter:blur(3px);
  z-index:2000;
  opacity:0;
  transition:opacity 180ms ease;
}
.iv-inner{
  position:fixed;
  inset:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2010;
}
.iv-box{
  position:relative;
  width:calc(100% - 24px);
  height:calc(100% - 24px);
  display:flex;
  align-items:center;
  justify-content:center;
  /* dark grey background inside the viewer with a slightly lighter border */
  background:#1a1a1a; /* tmavě šedá */
  border:1px solid #2f2f2f; /* o něco světlejší rámeček */
  border-radius:6px;
  overflow:hidden;
}
.iv-controls{position:absolute;top:8px;left:8px;z-index:2020}
.iv-controls{position:absolute;top:8px;left:8px;z-index:2020}
.iv-controls .iv-btn{margin-right:8px;padding:6px 10px;border-radius:4px;border:none;background:#ffffff22;color:#fff}
.iv-toolbar{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:8px;
  background:rgba(0,0,0,0.25);
  color:#fff;
  z-index:2025;
  border-bottom:1px solid rgba(255,255,255,0.03);
}
.iv-icon-btn{background:transparent;border:none;color:#fff;padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}
.iv-icon-btn svg{display:block}
.iv-icon-btn:hover{background:rgba(255,255,255,0.03)}
.iv-close{position:absolute;top:8px;right:8px;z-index:2040;padding:6px 10px;border-radius:20px;border:none;background:#ffffff22;color:#fff;font-size:18px;line-height:1}
.iv-imgwrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.iv-img{max-width:100%;max-height:100%;cursor:zoom-in;display:block;transform:translate(0px,0px)}

/* help overlay (moved from inline styles) */
.iv-help{
  display:none;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:rgba(0,0,0,0.86);
  color:#fff;
  padding:12px 14px;
  border-radius:8px;
  font-size:13px;
  max-width:420px;
  box-shadow:0 12px 36px rgba(0,0,0,0.6);
  z-index:2050;
}
.iv-help div{line-height:1.45}
.iv-help .iv-help-title{font-weight:600;margin-bottom:8px}
.iv-help .iv-help-note{text-align:right;margin-top:8px;opacity:0.85;font-size:12px}

/* make toolbar SVG icons consistent size */
.iv-toolbar .iv-icon-btn svg{ width:20px; height:20px }

/* status bar at bottom of the viewer */
.iv-status{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(0,0,0,0.25);
  color:#fff;
  font-size:13px;
  z-index:2030;
  transition:transform 160ms ease, opacity 160ms ease;
}
.iv-status-hidden{ transform: translateY(100%); opacity: 0; }
.iv-status .iv-status-item{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }