/* LV Social — Embeds YouTube, Vimeo, Bandcamp, SoundCloud, Spotify, Deezer */

.lvs-embed { margin: 10px 0; border-radius: 0; overflow: hidden; }

/* ── Vidéo 16:9 ─────────────────────────────────────────────────────────── */
.lvs-embed--video .lvs-embed-ratio {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background: #000;
}
.lvs-embed--video .lvs-embed-ratio iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: none;
}

/* ── Audio ───────────────────────────────────────────────────────────────── */
.lvs-embed--audio { background: var(--lv-surface); border: 1px solid var(--lv-border); }
.lvs-embed--audio iframe { display: block; border: none; }

/* ── Bandcamp ────────────────────────────────────────────────────────────── */
.lvs-embed--bandcamp iframe { width: 100% !important; }

/* ── Spotify ─────────────────────────────────────────────────────────────── */
.lvs-embed--spotify { border: none; background: transparent; }

/* ── Composer — aperçu URL ───────────────────────────────────────────────── */
.lvs-url-preview {
  margin-top: 10px;
  border: 1px solid var(--lv-border);
  background: var(--lv-bg);
  padding: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.lvs-url-preview-thumb {
  width: 60px;
  height: 60px;
  object-fit: cover;
  flex-shrink: 0;
  background: var(--lv-border);
}
.lvs-url-preview-thumb--video {
  position: relative;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  overflow: hidden;
}
.lvs-url-preview-thumb--video img { width: 100%; height: 100%; object-fit: cover; }
.lvs-url-preview-thumb--video::after {
  content: '▶';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.4);
  color: #fff;
  font-size: 18px;
}
.lvs-url-preview-info { flex: 1; min-width: 0; }
.lvs-url-preview-title { font-size: 13px; font-weight: 600; color: var(--lv-ink); display: block; margin-bottom: 3px; }
.lvs-url-preview-type  { font-size: 11px; color: var(--lv-ink-3); text-transform: uppercase; letter-spacing: .08em; }
.lvs-url-preview-remove { background: none; border: none; cursor: pointer; color: var(--lv-ink-3); font-size: 16px; padding: 4px; }
.lvs-url-preview-remove:hover { color: var(--lv-ink); }

/* ── Spinner parsing URL ─────────────────────────────────────────────────── */
.lvs-url-parsing {
  font-size: 12px;
  color: var(--lv-ink-3);
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.lvs-url-parsing::before {
  content: '';
  width: 14px; height: 14px;
  border: 2px solid var(--lv-border);
  border-top-color: var(--lv-ink);
  border-radius: 50%;
  animation: lvs-spin .6s linear infinite;
  flex-shrink: 0;
}
@keyframes lvs-spin { to { transform: rotate(360deg); } }

/* Labels type embed dans le flux */
.lvs-embed-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lv-ink-3);
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.lvs-embed-label--youtube  { color: #c0392b; }
.lvs-embed-label--vimeo    { color: #1ab7ea; }
.lvs-embed-label--bandcamp { color: #1da0c3; }
.lvs-embed-label--spotify  { color: #1db954; }
.lvs-embed-label--soundcloud { color: #ff5500; }
.lvs-embed-label--deezer   { color: #ef5466; }