/* Loaded on the album page + its Option-A hero reference page. Holds the album hero
   treatments, edition/single strips and personnel chips. (The track tables use the shared
   show-list styles in show-list.css since 2026-10-21.) */

/* ---- Outtakes table: "later released on X" note ---- */
/* An outtake cut from THIS album that eventually surfaced on another one (On the
   Road Again: cut from Aerosmith, issued on Pandora's Box). A muted second line
   under the title, so the row still scans as a title-first list. Kept class-less
   inside so site.css's `.main-container td a` hover-underline rule applies. */
.album-outtake-released {
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
    color: #6c757d;
}
.album-outtake-released a {
    font-weight: 400;
    color: #6c757d;
}

/* Band/lineup chips below the track list (mirrors the song page's "Additional
   personnel"); centered to keep the band's traditional placement under the
   full-width track table. */
.album-personnel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin: 1rem 0;
}
.album-personnel__chip {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    font-size: 0.83rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: #f1f1f3;
    color: #18151f;
}
.album-personnel__role {
    font-size: 0.78rem;
    color: rgba(24, 21, 31, 0.5);
}

/* Album hero variants (design exploration) — fills the previously-empty right
   half of the <x-postcard> with album metadata. */

/* ---- Option A: facts panel ---- */
.album-hero-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem 1.25rem;
    margin: 0.75rem 0 0;
}
.album-hero-stats .stat .lbl {
    display: block;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(24, 21, 31, 0.55);
}
.album-hero-stats .stat .val {
    display: block;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.2;
    color: #18151f;
}
.album-hero-meta {
    margin-top: 1rem;
    font-size: 0.85rem;
    color: rgba(24, 21, 31, 0.7);
}

/* On a narrow viewport the postcard stacks (image on top); drop to 2 columns. */
@media screen and (max-width: 768px) {
    .album-hero-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---- Option B: facts byline + quick-jump buttons ---- */
.album-hero-byline {
    font-size: 0.9rem;
    color: rgba(24, 21, 31, 0.75);
    margin-top: 0.25rem;
}
.album-hero-recorded {
    font-size: 0.85rem;
    color: rgba(24, 21, 31, 0.6);
    margin-top: 0.35rem;
}
/* Album 90 ("Non-Aerosmith Songs") collection blurb — explains that it isn't a real album. */
.album-hero-collection-note {
    font-size: 0.9rem;
    line-height: 1.5;
    color: rgba(24, 21, 31, 0.8);
    margin-top: 0.5rem;
    max-width: 46ch;
}
.album-hero-jump {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1.1rem;
}
.album-hero-jump a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(24, 21, 31, 0.2);
    background: rgba(24, 21, 31, 0.04);
    color: #18151f;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.album-hero-jump a:hover {
    background: rgba(24, 21, 31, 0.1);
    border-color: rgba(24, 21, 31, 0.35);
    color: #18151f;
}

/* ---- Editions / versions (alternate releases of an album) ---- */

/* Back-link banner shown on an edition page, pointing at the album it's a version of. */
.album-edition-back {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.85rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.85rem;
    border-radius: 999px;
    background: #fcebeb;
    border: 1px solid #e7c3c3;
    color: #501313;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.album-edition-back:hover {
    background: #f8dada;
    border-color: #d99b9b;
    color: #501313;
}
.album-edition-back strong { font-weight: 600; }

/* Edition-type badge in the hero subtitle (e.g. "Legendary Edition"). */
.album-edition-badge {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    margin-right: 0.25rem;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    background: #b31217;   /* album-accent red */
}

/* "Editions & Versions" strip on a parent album page: a small responsive grid of
   cover tiles, each linking to that edition's own page. */
.album-editions {
    margin: 0.5rem 0 1.5rem;
}
.album-editions__heading {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}
.album-editions__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
}

/* "Singles" strip on an album page: the singles released from that album, as a
   responsive grid of cover tiles (mirrors the Editions & Versions strip). */
.album-singles {
    margin: 0.5rem 0 1.5rem;
}
.album-singles__heading {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}
.album-singles__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
}

/* Intro line above the album-page "Outtakes" table. */
.album-outtakes-note {
    margin: -0.25rem 0 1rem;
    font-size: 0.95rem;
}