/**
 * @file media.css
 * Remote video embeds (YouTube oEmbed through core's media module) and their
 * Klaro click-to-load placeholders: full width, 16:9, wherever the media
 * formatter renders them (video pages, hero, teasers).
 *
 * Core's oembed formatter sizes the iframe from the provider's response
 * (YouTube: 200×113); the player keeps those as the intrinsic size and the
 * rules below make it fill its container. The iframe is matched by its own
 * class because Klaro re-inserts it after consent, outside the field markup
 * it was rendered in.
 */

.media--type-remote-video {
  width: 100%;
}

iframe.media-oembed-content {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
  background-color: var(--card);
}

/* Source credits, small and muted: «Datos: Leaguepedia» on Persona and
   Equipo pages (ggpress_leaguepedia's credit formatter), and the Crédito of
   an image under the image (field_media_credit). The link keeps the cyan,
   underlined style of links in running text (theme.css). */
.ggpress-source-credit,
.media .field--name-field-media-credit {
  font-family: var(--font-body);
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--muted-foreground);
}

.media .field--name-field-media-credit {
  margin-top: 0.375rem;
}

.ggpress-source-credit {
  margin: 0.5rem 0 0;
}