/* =========================================================
   GHS v3.0 - Event Images (global crop system)
   Location: ele-child/assets/css/ghs-events-images.css

   Works for:
   - Elementor Image widget wrapper class: ghs-event-image
   - Event cards: <a class="... ghs-event-image">
========================================================= */

/* Crop frame */
.ghs-event-image,
.ghs-event-image .elementor-widget-container,
.ghs-event-image .elementor-image,
a.ghs-event-image{
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--ghs-img-bg, #f2f2f2);
  border-radius: var(--ghs-radius, 8px);
}

/* Image fill */
.ghs-event-image img,
a.ghs-event-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}