/* ==========================================================================
   Gallery — Elementor widget additions
   gallery.css is an unchanged copy of the original; this file only adds what
   the widget needs on top of it.
   ========================================================================== */

/* ---- Elementor's global image reset ---------------------------------------
   Elementor's frontend.css sets `.elementor img { height: auto; max-width: 100% }`
   (specificity 0,1,1), which beats the original `.saj-gallery-image` rule: the
   photo would no longer be 110% tall (the scroll-parallax headroom), leaving
   an empty strip in the 16:9 frame. Restore the original sizing. */
.saj-gallery-section .saj-gallery-image {
  height: 110%;
  max-width: none;
}

/* Editor only: hint shown while the gallery has no photos. */
.saj-gallery-empty {
  flex: 1 1 100%;
  padding: 40px 20px;
  border: 1.5px dashed var(--g-line);
  border-radius: var(--g-card-radius);
  text-align: center;
  color: var(--g-text);
}