/**
 * Retro Bandcamp — Base Styles (layout & structure only)
 *
 * Two-column grid of player cells beneath the Spotify frame. The iframe is
 * Bandcamp's horizontal "Player 1" format (~120px); the renderer pins its
 * height. Collapses when the artist has no embeds. Visual treatment lives in
 * styles/retro.css. Relies on the global .hide utility for conditional parts.
 */

.bandcamp-retro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.5rem, 3vw, 2.25rem);
}

.bandcamp-retro:empty {
  display: none;
}

/* Single player cell: catalog title + framed player + credit line. Cells stretch
   to the row height; bottom-aligning the content keeps the players (and credit
   links) level whether or not a neighbour has a caption. */
.bandcamp-retro__player {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
}

.bandcamp-retro__caption {
  margin: 0 0 0.75rem;
}

/* Paper-mat frame around the iframe (same wall-frame language as the section). */
.bandcamp-retro__frame {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.bandcamp-retro__frame iframe {
  display: block;
  width: 100%;
  border: 0;
}

/* Credit line / fallback link — shrinks to its content, left-aligned. */
.bandcamp-retro__link {
  align-self: flex-start;
  margin-top: 0.85rem;
  text-decoration: none;
}

/* Tablet and below: single column */
@media screen and (max-width: 767px) {
  .bandcamp-retro {
    grid-template-columns: 1fr;
  }
}