/* YouTube lite */
.jlc-yt-lite {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}
.jlc-yt-lite img,
.jlc-yt-lite iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  object-fit: cover;
}

.jlc-yt-play {
  position: absolute;
  inset: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
}
.jlc-yt-play::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68px;
  height: 48px;
  transform: translate(-50%, -50%);
  border-radius: 12px;
  background: rgba(0,0,0,0.55);
}
.jlc-yt-play::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%);
  width: 0;
  height: 0;
  border-left: 16px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 2;
}

.jlc-shorts-top { margin: 0 0 14px; }
.jlc-yt-shorts { aspect-ratio: 9 / 16; max-width: 520px; margin: 0 auto; }

/* Low data mode */
.jlc-low-data video { display:none !important; }

/* Texte d'abord: couper éléments lourds (adapte OceanWP/Elementor etc.) */
.jlc-text-first .slider,
.jlc-text-first .carousel,
.jlc-text-first .elementor-swiper,
.jlc-text-first .wp-block-gallery {
  display: none !important;
}

/* Texte pur agressif: masquer images dans le contenu */
.jlc-text-pure img.jlc-hide { display: none !important; }

/* Fallback youtube */
.jlc-yt-fallback {
  position: absolute;
  inset: auto 0 0 0;
  padding: 10px 12px;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-size: 14px;
}
.jlc-yt-fallback a { color: #fff; text-decoration: underline; }