/* Static thumbnail + placeholder styles for blocked embeds */
.static-embed-wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
  background: radial-gradient(circle at center, #1f2937 0%, #020617 70%);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.6);
}

.static-embed-link {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #e5e7eb;
  font-weight: 600;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.static-embed-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at center,
    rgba(15, 23, 42, 0.15),
    rgba(15, 23, 42, 0.8)
  );
  opacity: 0.9;
}

.static-embed-link span {
  position: relative;
  z-index: 1;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(248, 250, 252, 0.35);
  font-size: 0.95rem;
  white-space: nowrap;
}

.static-embed-wrapper:hover .static-embed-link span {
  background: rgba(15, 23, 42, 1);
}

.static-embed-generic {
  padding: 16px;
  border-radius: 12px;
  background: #020617;
  color: #cbd5f5;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 0.9rem;
  max-width: 100%;
}
