/* The album player of the music posts ([advenz_album], includes/album-player.php). Colours from the theme's palette. */
.advenz-album {
  --album-yt: #c4302b;
  --album-sp: #1a7f45;
  margin: 1.75rem 0;
  padding: 1.1rem 1.25rem 1.2rem;
  background: var(--wp--preset--color--sky, #eaf2fb);
  border: 1px solid var(--wp--preset--color--sky-deep, #d3e4f6);
  border-radius: 14px;
  display: grid;
  gap: .9rem;
  text-align: left;
}
.advenz-album p { margin: 0; }
.advenz-album__head { display: grid; gap: .1rem; }
.advenz-album__eyebrow {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--wp--preset--color--blue, #245d94);
}
.advenz-album__title {
  font-family: var(--wp--preset--font-family--serif, Georgia, serif);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--wp--preset--color--blue-dark, #14344f);
  text-wrap: balance;
}
.advenz-album__meta { color: var(--wp--preset--color--muted, #5a6b7d); font-size: .95rem; }
.advenz-album__choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: .6rem; }
.advenz-album .advenz-album__choice {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .7rem .9rem;
  background: var(--wp--preset--color--surface, #fff);
  border: 1px solid var(--wp--preset--color--line, #dbe5ef);
  border-radius: 10px;
  color: var(--wp--preset--color--ink, #1c2b3a);
  text-decoration: none;
  line-height: 1.2;
  transition: border-color .15s, box-shadow .15s;
}
.advenz-album .advenz-album__choice:hover { border-color: var(--wp--preset--color--blue, #245d94); }
.advenz-album .advenz-album__choice:focus-visible { outline: 3px solid var(--wp--preset--color--blue, #245d94); outline-offset: 2px; }
.advenz-album .advenz-album__choice[aria-current="true"] { border-color: var(--wp--preset--color--blue, #245d94); box-shadow: inset 0 0 0 1px var(--wp--preset--color--blue, #245d94); }
.advenz-album__choice span { display: grid; gap: .1rem; }
.advenz-album__choice strong { font-size: 1.05rem; }
.advenz-album__choice small { font-size: .85rem; color: var(--wp--preset--color--muted, #5a6b7d); }
.advenz-album__icon {
  flex: none;
  width: 2.4rem;
  height: 2.4rem;
  padding: .45rem;
  border-radius: 50%;
  color: #fff;
}
.advenz-album__choice--yt .advenz-album__icon { background: var(--album-yt); padding-left: .55rem; }
.advenz-album__choice--sp .advenz-album__icon { background: var(--album-sp); }
.advenz-album__stage { display: grid; gap: .5rem; }
.advenz-album__stage[hidden] { display: none; }
.advenz-album .advenz-album__stage iframe { display: block; width: 100%; border: 0; border-radius: 10px; background: var(--wp--preset--color--surface, #fff); }
.advenz-album .advenz-album__stage iframe.is-yt { aspect-ratio: 16 / 9; height: auto; }
.advenz-album .advenz-album__stage iframe.is-sp { height: 352px; aspect-ratio: auto; }
.advenz-album__open { font-size: .9rem; }
.advenz-album__hint { font-size: .85rem; color: var(--wp--preset--color--muted, #5a6b7d); }
@media (prefers-reduced-motion: reduce) { .advenz-album .advenz-album__choice { transition: none; } }