/*
 * Justified EvenRow Gallery for Elementor – frontend styles
 * v1.0 | GPL-2.0-or-later
 */

.jergf-root { display: block; width: 100%; }
.jergf-row { display: flex; gap: var(--jergf-gutter, 8px); margin-bottom: var(--jergf-gutter, 8px); }
.jergf-row:last-child { margin-bottom: 0; }

.jergf-item { position: relative; overflow: hidden; border-radius: var(--jergf-radius, 0px); display: block; }
.jergf-item img { width: 100%; height: 100%; display: block; object-fit: cover; }

/* Hover effects */




/* Overlay + caption layers */
.jergf-item .jergf-overlay{
  position:absolute; inset:0; background:rgba(0,0,0,.0); opacity:0; pointer-events:none; transition:opacity .25s ease, background .25s ease;
}
.jergf-item .jergf-caption{
  position:absolute; left:0; right:0; bottom:0; padding:.6em .8em; color:var(--jergf-cap-color,#fff); font-size:.95em; line-height:1.35;
  opacity:0; transform: translateY(6px); transition:opacity .25s ease, transform .25s ease;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

@media (hover:hover){
  .jergf-root[data-hover="zoom"] .jergf-item img { transition: transform .35s ease; }
  .jergf-root[data-hover="zoom"] .jergf-item:hover img { transform: scale(1.05); }

  .jergf-root[data-hover="fade"] .jergf-item img { transition: opacity .25s ease; }
  .jergf-root[data-hover="fade"] .jergf-item:hover img { opacity: .8; }

  /* New: color overlay */
  .jergf-root[data-hover="overlay"] .jergf-item:hover .jergf-overlay{ opacity:1; background:rgba(17, 24, 39, .35); }
  /* New: dim */
  .jergf-root[data-hover="dim"] .jergf-item:hover .jergf-overlay{ opacity:1; background:rgba(0,0,0,.5); }
  /* New: shadow pop */
  .jergf-root[data-hover="shadow"] .jergf-item{ transition: box-shadow .25s ease, transform .25s ease; }
  .jergf-root[data-hover="shadow"] .jergf-item:hover{ box-shadow: 0 10px 24px rgba(0,0,0,.22); transform: translateY(-2px); }

  /* Captions on hover */
  .jergf-root .jergf-item:hover .jergf-caption{ opacity:1; transform: translateY(0); }
}