/* =============== 1) HARD-LOCK SLIDESHOW IMAGES =============== */
/* Force every image inside any VVJS slide to your exact box. */
.vvjs .views-field-field-body img {
  /* Hard size (choose your box) */
  width: 250px !important;
  height: 175px !important;

  /* Keep quality: fit the whole image inside (no distortion) */
  object-fit: contain !important;      /* use 'cover' if you prefer cropping to fill */

  /* Neutralize view/theme “full width” & framing rules */
  display: inline-block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;

  /* A little spacing if it sits next to text */
  margin: 0 1rem 1rem 0 !important;
}

/* If editors use align-right */
.vvjs .views-field-field-body img.align-right {
  margin: 0 0 1rem 1rem !important;
}

/* Mobile: stack nicely */
@media (max-width: 576px) {
  .vvjs .views-field-field-body img {
    width: 100% !important;     /* take the slide width on phones */
    height: auto !important;    /* natural height on phones */
    object-fit: contain !important;
    margin: 0 0 1rem 0 !important;
  }
}

/* =============== 2) BORDER: KILL THE OUTER FRAME AROUND VVJS =============== */
/* Modern Edge supports :has() — this is surgical and future-proof */
.region-inner:has(.vvjs) {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Fallback if you prefer not to rely on :has(): strip borders on VVJS wrappers too */
.contextual-region.vvj-slideshow,
.contextual-region.vvj-slideshow .view-content,
.contextual-region.vvj-slideshow .vvjs {
  border: none !important;
  box-shadow: none !important;
}

/* =============== 3) “NUCLEAR TIE-BREAKER” SELECTOR =============== */
/* If the view’s long selector still wins somewhere, mirror it and beat it. */
.vvjs .view-display-id-block_1 .views-field-field-body img,
.vvjs .view-display-id-block_2 .views-field-field-body img,
.vvjs [class*="block-views-blockdisplay-column-stories"] .views-field-field-body img {
  width: 250px !important;
  height: 175px !important;
  object-fit: contain !important;
  display: inline-block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  margin: 0 1rem 1rem 0 !important;
}