/**
 * Spinal Lightbox - adjustments to the bundled libraries.
 *
 * Fallbacks because the --wp--preset--* properties come from the theme's
 * theme.json, which this plugin doesn't require.
 */

:root {
  /* Plyr's CSS is injected on demand; a custom property doesn't mind the order. */
  --plyr-color-main: var(--wp--preset--color--blue, #0c68b3);
}

a[data-lightbox-type="image"] {
  cursor: zoom-in;
}

.glightbox-clean .goverlay,
.glightbox-mobile .goverlay {
  background: var(--wp--preset--color--dark-blue, #01133b);
  background: rgba(0, 0, 0, 0.8 );
}

/* The clean skin hardcodes Arial. */
.glightbox-clean .gslide-title,
.glightbox-clean .gslide-desc {
  font-family: inherit;
}

.glightbox-clean .gslide-desc {
  font-size: var(--wp--preset--font-size--small, 0.9375rem);
}