/* PartyAnimals Blocksy Trending resilience fix — 2026-08-31. */

/* Do not let one malformed/missing image stretch the entire four-column row. */
.ct-trending-block > .ct-container {
  align-items: start;
}

.ct-trending-block .ct-trending-block-item {
  align-self: start;
  min-width: 0;
  width: 100%;
  height: auto !important;
  min-height: 84px;
  align-items: center !important;
}

.ct-trending-block .ct-trending-block-item-content {
  min-width: 0;
  flex: 1 1 auto;
}

/* Keep the media slot physically bounded even if an image request fails. */
.ct-trending-block .ct-media-container {
  position: relative;
  display: block !important;
  flex: 0 0 var(--trending-block-image-width, 60px) !important;
  width: var(--trending-block-image-width, 60px) !important;
  height: var(--trending-block-image-width, 60px) !important;
  min-width: var(--trending-block-image-width, 60px) !important;
  max-width: var(--trending-block-image-width, 60px) !important;
  aspect-ratio: 1;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,103,190,.24), transparent 35%),
    linear-gradient(145deg, rgba(159,85,255,.22), rgba(40,200,255,.12)),
    #100b19;
}

.ct-trending-block .ct-media-container img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
  font-size: 0 !important;
  color: transparent !important;
}

.ct-trending-block .ct-post-title {
  display: block;
  min-width: 0;
  max-width: 100%;
  line-height: 1.42 !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto;
}

@media (max-width: 900px) {
  .ct-trending-block .ct-trending-block-item {
    min-height: 80px;
  }
}