/* Limited to pages where the dedicated NorFonts image-zoom plugin enqueues this stylesheet. */
#archive-wrap article.category-music-font-guides .entry-featured-img-link {
  position: relative;
  cursor: zoom-in;
}
#archive-wrap article.category-music-font-guides .entry-featured-img-link::after {
  content: "Enlarge image";
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(22, 38, 53, .84);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  pointer-events: none;
}
#content .entry-featured-img-wrap:has(img[data-nf-guide-zoom-ready]) {
  position: relative;
}
#content .entry-featured-img-wrap:has(img[data-nf-guide-zoom-ready])::after {
  content: "Click image to enlarge";
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(22, 38, 53, .84);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  pointer-events: none;
}
#content img[data-nf-guide-zoom-ready] { cursor: zoom-in; }
body.nf-guide-zoom-open { overflow: hidden !important; }
.nf-guide-zoom-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(12, 18, 25, .93);
  color: #fff;
  padding: 58px 55px 35px;
  box-sizing: border-box;
}
.nf-guide-zoom-panel {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.nf-guide-zoom-panel img {
  display: block;
  max-width: 100%;
  max-height: calc(100dvh - 140px);
  width: auto;
  height: auto;
  object-fit: contain;
  background: #fff;
  border-radius: 3px;
}
.nf-guide-zoom-caption {
  color: #e1e8ee;
  text-align: center;
  font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.nf-guide-zoom-action {
  position: absolute;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 50%;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  background: rgba(25, 35, 46, .8);
  color: #fff;
  cursor: pointer;
  font: 26px/1 sans-serif;
}
.nf-guide-zoom-action:hover,
.nf-guide-zoom-action:focus-visible { background: #2f79c9; outline: 2px solid white; }
.nf-guide-zoom-close { top: 12px; right: 14px; }
.nf-guide-zoom-prev { left: 8px; top: calc(50% - 21px); }
.nf-guide-zoom-next { right: 8px; top: calc(50% - 21px); }
.nf-guide-zoom-action[hidden] { display: none; }
@media (max-width: 650px) {
  .nf-guide-zoom-overlay { padding: 62px 12px 74px; }
  .nf-guide-zoom-panel img { max-height: calc(100dvh - 190px); }
  .nf-guide-zoom-prev, .nf-guide-zoom-next { top: auto; bottom: 12px; }
  .nf-guide-zoom-prev { left: calc(50% - 58px); }
  .nf-guide-zoom-next { right: calc(50% - 58px); }
}