/* PopUp CMS — Gallery plugin overrides (popup-gallery.css)
   Lightbox3 ships its own overlay CSS (vendor/lightbox3/lightbox3.css).
   The thumbnail grid (.popup-gallery-ready) is styled in site.css.
   This file only overrides Lightbox3's CSS custom properties to match the
   Galana theme (gold chrome, crimson accents). */

.lightbox3-overlay {
    --lb-backdrop-color: rgba(8, 6, 12, 0.96);
    --lb-image-border-radius: 4px;
    --lb-chrome-bg: rgba(20, 16, 26, 0.82);
    --lb-chrome-text: rgba(232, 223, 208, 0.92);
    --lb-chrome-font-family: 'Cormorant Garamond', Georgia, serif;
    --lb-chrome-font-size: 16px;
}

/* ----- Photo gallery (lightbox) ----- */
.popup-gallery-ready {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
  margin: 1.6em 0;
}
.popup-gallery-ready a {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--c-border);
  transition: transform 0.2s, border-color 0.2s;
}
.popup-gallery-ready a:hover {
  transform: translateY(-2px);
  border-color: var(--c-gold);
}
.popup-gallery-ready a img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}