/* assets/swap.css */

/* Swap-Regeln nur wenn wirklich 2 Bilder existieren */
.ftmis-has-swap .box-image-inner.image-cover.ftmis-cover{
  position: relative;
  overflow: hidden;
}

/* Beide Bilder exakt gleich "cover" – damit Größe IMMER identisch */
.ftmis-has-swap .box-image-inner.image-cover.ftmis-cover .ftmis-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
  transition: opacity .25s ease;
}

/* Reihenfolge */
.ftmis-has-swap .ftmis-img--main{
  z-index: 0;
  opacity: 1 !important;
}
.ftmis-has-swap .ftmis-img--hover{
  z-index: 1;
  opacity: 0 !important;
}

/* Hover: Swap */
.ftmis-has-swap:hover .ftmis-img--main{ opacity: 0 !important; }
.ftmis-has-swap:hover .ftmis-img--hover{ opacity: 1 !important; }

/* Fallback (nur 1 Bild): nichts "covern" erzwingen – Flatsome übernimmt */
.ftmis-no-swap .ftmis-img-single{
  display:block;
  width:100%;
  height:auto;
  border-radius: inherit;
}