/*!
 * mmv.css — MM Elementor Video Widget (Lazy + Borlabs)
 * Version: 1.0.3
 */

.mmv-wrap{
  position:relative;
  display:block;
  overflow:hidden;
}

.mmv-defer{
  position:relative;
  width:100%;
  height:100%;
  display:block;
  cursor:pointer;
  background:#000;
}

.mmv-defer img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mmv-play{
  position:absolute;
  inset:0;
  margin:auto;
  width:64px;
  height:64px;
  border-radius:9999px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  background:rgba(255,255,255,.9);
  transition:transform .12s ease, background .12s ease;
}

.mmv-defer:hover .mmv-play{
  transform:scale(1.06);
  background:#fff;
}

.mmv-play:before{
  content:"";
  display:block;
  width:0;
  height:0;
  margin-left:3px;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid #000;
}

.mmv-defer button.mmv-btn{
  position:absolute;
  inset:0;
  appearance:none;
  background:transparent;
  border:0;
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  color:transparent;
  overflow:hidden;
}

/* Eingebetteter iFrame */
.mmv-embed{
  border:0;
  width:100%;
  height:100%;
  display:block;
}

/* Skeleton, falls kein Preview-Bild gesetzt wurde */
.mmv-skeleton{
  position:absolute;
  inset:0;
  background:#111;
}

/* Consent-Hinweis (klickbar + fokusierbar) */
.mmv-consent-note{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  padding:10px 12px;
  border-radius:8px;
  color:#fff;
  background:rgba(0,0,0,.6);
  font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  cursor:pointer;          
}

.mmv-consent-note a{
  display:inline-block;
  margin-top:6px;
  text-decoration:underline;
  color:#fff;
  cursor:pointer;           
}