/* EWD Widgets - Random Posts list */

/* No title spacing is set here on purpose.
   This widget used to carry its own copy of the sidebar title rule (padding 0,
   border 0, margin 24). It never took effect: the theme had a per-type
   `padding: 0 0 10px !important` on the same title, and `!important` beats a plain
   declaration however specific it is - so this widget silently rendered 10px more
   headroom than its neighbours. Both that theme rule and this copy are gone now.
   A per-widget copy of a shared rule is the defect, not the cure: it can only ever
   fix the ONE widget that has it, and the next widget a buyer installs is wrong
   again. The theme now zeroes padding and border for EVERY sidebar widget title,
   classic or block, and the 24px margin is the single source of the gap. */

.widget-recent-posts {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Scope under the widget class so we beat the generic
   `.ewut-widget ul li { border-bottom }` rule shipped by the theme. */
/* Row spacing: post title → next cover must read as 24px. The title's
   line-height leaves ~2px half-leading below the glyph, so a 22px box gap
   (bottom 10 + next row top 12) renders as a 24px visible gap. */
.widget_ewd_recent_posts_widget .widget-recent-posts li {
  padding: 12px 0 10px;
  border: 0 !important;
}

.widget_ewd_recent_posts_widget .widget-recent-posts li:first-child {
  padding-top: 0;
}

.widget_ewd_recent_posts_widget .widget-recent-posts li:last-child {
  padding-bottom: 0;
}

.widget-recent-posts__thumb {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.widget-recent-posts__thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

/* The post title is regular widget body text, not a heading. The global
   sidebar h1–h6 rule forces 700 + margin:0 0 24px !important, so we must
   override it with !important to restore the normal 16px/400 body style and
   sit the text a small step below the thumbnail. */
.ewut-layout-sidebar__aside .widget_ewd_recent_posts_widget .widget-recent-posts__title {
  margin: 12px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.5;
  font-weight: 400 !important;
  color: var(--ewut-uny-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-recent-posts__title a {
  text-decoration: none;
  color: inherit;
}

.widget-recent-posts__title a:hover {
  text-decoration: underline;
}