/**
 * Front-end layout for the Press Watch article list (SWELL style).
 *
 * Owns the card meta placement: date pinned top-right (styled by the host theme's own
 * SWELL date classes so it matches native article dates), media name bottom-left, plus
 * the favicon sizing.
 */

.wpw-list.wpw-style-swell .wpw-body {
  display: flex;
  flex-direction: column;
}

/* Date: top-right. Overrides SWELL's default .p-postList__meta top margin so the date
 * sits at the top of the card body rather than after the title. */
.wpw-list.wpw-style-swell .wpw-date {
  order: 0;
  align-self: flex-end;
  text-align: right;
  margin: 0 0 0.15em;
}

/* Title: between date and source */
.wpw-list.wpw-style-swell .wpw-title {
  order: 1;
}

/* Media name (+ favicon, PR): bottom-left */
.wpw-list.wpw-style-swell .wpw-source {
  order: 2;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  margin: 0.35em 0 0;
}

/* Both the date and the media name carry SWELL's `.p-postList__meta` class, so both
 * inherit the host theme's native (responsive) meta font-size — the media name matches
 * the date at every breakpoint. The date additionally uses `.c-postTimes__posted
 * .icon-posted` for the calendar icon; here we only pin the media name's color. */
.wpw-list.wpw-style-swell .wpw-source .wpw-source__name {
  color: #7a7a7a;
}

.wpw-list.wpw-style-swell .wpw-fav {
  width: 1em;
  height: 1em;
  object-fit: contain;
  flex: 0 0 auto;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
}

.wpw-list.wpw-style-swell .wpw-pr-label {
  display: inline-block;
  background: #d63638;
  color: #fff;
  font-size: 0.68rem;
  line-height: 1.5;
  padding: 0 0.4em;
  border-radius: 3px;
  font-weight: 600;
}