/* Composer — live link preview while typing */
.wp-link-preview-slot {
  margin-top: 12px;
  min-height: 0;
  display: block;
  clear: both;
}
.wp-link-preview-loading {
  color: #056636;
  font-weight: 600;
  font-size: 14px;
  padding: 16px 0;
  text-align: center;
}
.wp-link-preview-error {
  color: #c0392b;
  font-size: 13px;
  padding: 8px 0;
}
.wp-link-preview-card {
  display: flex;
  gap: 0;
  border: 1px solid #dce3e8;
  border-radius: 10px;
  overflow: hidden;
  background: #f8f9fa;
}
.wp-link-preview-card img {
  width: 120px;
  min-height: 90px;
  object-fit: cover;
  flex-shrink: 0;
  background: #e8ecef;
}
.wp-link-preview-card-body {
  padding: 12px 14px;
  min-width: 0;
  flex: 1;
}
.wp-link-preview-domain {
  font-size: 11px;
  color: #888;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.wp-link-preview-title {
  font-weight: 700;
  font-size: 14px;
  color: #1a1a2e;
  margin-bottom: 4px;
  line-height: 1.35;
}
.wp-link-preview-desc {
  font-size: 13px;
  color: #555;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wp-link-preview-yt {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  cursor: pointer;
}
.wp-link-preview-yt img {
  width: 100%;
  display: block;
  opacity: 0.9;
}
.wp-link-preview-yt-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #056636 0%, #27ae60 60%, #34d472 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 4px 16px rgba(5, 102, 54, 0.55);
  pointer-events: none;
}

/* Feed / story — rich link card with OG image */
.feed-link-preview-rich {
  padding: 0 !important;
  overflow: hidden;
}
.feed-link-preview-rich .feed-link-image {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
  display: block;
  background: #e8ecef;
}
.feed-link-preview-rich .feed-link-body {
  padding: 12px 15px;
}
.feed-link-preview-rich .feed-link-domain {
  margin-bottom: 4px;
}
.feed-link-preview-rich .feed-link-title {
  margin-bottom: 4px;
}
.feed-link-preview:not(.feed-link-preview-rich) .feed-link-body {
  padding: 0;
}