/* Bot Buddies: the Library's book cards (library.css), each in its own colour, with an optional banner. */

.partner { overflow: hidden; }
.partner.has-banner { padding-top: 0; }
.partner-banner {
    display: block; width: calc(100% + 52px); max-width: none; height: 110px; object-fit: cover;
    margin: 0 -22px 4px -30px; border-bottom: 1px solid var(--line);
}
.partner.has-banner::before { top: 124px; }

.partner-icon { border-radius: 50%; }
span.partner-icon { color: var(--ink); }

.partner-badge {
    background: color-mix(in srgb, var(--spine) 16%, transparent);
    color: var(--spine); border-color: color-mix(in srgb, var(--spine) 40%, transparent);
}
:root[data-theme="light"] .partner-badge { color: color-mix(in srgb, var(--spine) 70%, #000); }

.dev-link { color: var(--text); text-decoration: none; border-bottom: 1px dotted var(--line-strong); }
.dev-link:hover { color: var(--spine); border-bottom-color: var(--spine); }

.dev-handle { margin: 0; align-self: flex-start; }          /* team.css's handle pill, with its Copy button */

.blurb.soon { color: var(--muted); font-style: italic; }

.partner .btn { background: linear-gradient(135deg, color-mix(in srgb, var(--spine) 75%, #fff3d6), var(--spine)); }
.partner-link { padding: 8px 12px; border-radius: 999px; font-size: 0.85rem; text-decoration: none; color: var(--text); }

/* "Met in ..." on its own line, then the buttons, which wrap rather than run off the card */
.partner .book-foot { flex-direction: column; align-items: stretch; gap: 10px; }
.partner .actions { margin-left: 0; flex-wrap: wrap; justify-content: flex-end; }
.partner .meta:empty { display: none; }

@media (max-width: 720px) {
    .partner-grid { grid-auto-rows: auto; }        /* one column: each card only as tall as it needs */
}