/* Site-wide overrides for shabbat.ardigital.co.il (v3)
   ─────────────────────────────────────────────
   Forces 'contain' object-fit / background-size everywhere relevant so
   videos and their thumbnails show the full frame — letterbox if needed. */

/* 1. Hosted video element + custom-embed wrapper */
video.elementor-video,
video.elementor-background-video-hosted,
.elementor-video,
.elementor-background-video-container video,
.elementor-fit-aspect-ratio video,
.elementor-widget-video video {
  object-fit: contain !important;
  background-color: #000;
  width: 100%;
  height: 100%;
}

/* 2. Poster / image-overlay shown before play */
.elementor-custom-embed-image-overlay,
.elementor-video-overlay {
  background-color: #000 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.elementor-custom-embed-image-overlay img,
.elementor-video-overlay img,
.elementor-widget-video img {
  object-fit: contain !important;
  background-color: #000;
  width: 100%;
  height: 100%;
}

/* 3. Loop-grid card thumbnails (video listing, friend cards, etc.) */
.e-loop-item img,
.elementor-loop-container img,
.elementor-widget-loop-grid img,
.elementor-loop-grid img {
  object-fit: contain !important;
  background-color: #f5f5f5;
}

/* 4. Video card hero backgrounds — show full image (was cover) */
.video.e-loop-item,
.video.e-loop-item .elementor-element[style*='background-image'],
.elementor-loop-container .video[style*='background-image'],
.elementor-loop-container .e-loop-item[style*='background-image'] {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #1a1a1a !important;
}

/* 5. Aspect-ratio enforcement for video containers (16:9 default) */
.elementor-widget-video .elementor-fit-aspect-ratio,
.elementor-widget-video .elementor-wrapper {
  aspect-ratio: 16 / 9;
}

/* 6. General loop card images — give them a sensible minimum height so
      letterboxing doesn't collapse the card when contain shrinks the image. */
.video.e-loop-item {
  min-height: 220px;
}

/* 7. Dim the play overlay slightly so the underlying image stays clear */
.elementor-custom-embed-play svg,
.elementor-video-overlay-icon {
  opacity: 0.92;
}