/* IA Discuss Richcards Fix (enhanced previews)
   Scope is intentionally minimal and only affects elements added by this plugin.
*/

.ia-rcf-embed {
  margin: 10px 0 18px;
  border-radius: 14px;
  overflow: hidden;
}

/* When replacing the card, keep spacing consistent with Discuss cards. */
.ia-rcf-embed-replace {
  display: block;
  max-width: 100%;
}

/* Common oEmbed outputs (iframes, blockquotes, etc.) should fit the container. */
.ia-rcf-embed iframe,
.ia-rcf-embed embed,
.ia-rcf-embed object {
  width: 100% !important;
  max-width: 100% !important;
}

/* Reddit/NPR and other providers sometimes inject fixed heights; allow scrolling instead of overflow glitches. */
.ia-rcf-embed {
  max-width: 100%;
}

/* Make the card feel more like a "preview" without overriding Discuss’s core styling. */
a.iad-linkcard.ia-rcf-has-embed {
  margin-bottom: 6px;
}

/* phpBB-like layout: image + text in the same card.
   Only apply when both thumb and main exist and this plugin has opted in.
*/
a.iad-linkcard.ia-rcf-media {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

a.iad-linkcard.ia-rcf-media .iad-linkcard-thumb {
  flex: 0 0 140px;
  width: 140px;
  min-width: 140px;
  height: 110px;
  border-radius: 12px;
  overflow: hidden;
}

a.iad-linkcard.ia-rcf-media .iad-linkcard-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

a.iad-linkcard.ia-rcf-media .iad-linkcard-main {
  flex: 1 1 auto;
  min-width: 0;
}

/* Yahoo cards frequently otherwise leave an awkward empty thumb area; keep them compact. */
a.iad-linkcard.ia-rcf-yahoo.ia-rcf-media .iad-linkcard-thumb {
  height: 96px;
}