/* sponsor_grid.css — event sponsor grid and compact strip styles.
 * All colors, spacing, radius, and font-size values reference --ordolio-* tokens.
 * Layout literals (logo max-height, grid minmax) have no matching token and are
 * left as plain values per the project CSS tokens-first rule. */

/* ── Full grid variant (event-detail page) ─────────────────────────────────── */

.event-sponsor-grid--full {
    margin: var(--ordolio-space-8) 0;
    padding: var(--ordolio-space-6);
    background: var(--ordolio-bg-surface);
    border-radius: var(--ordolio-radius-md);
}

.event-sponsor-grid__heading {
    font-size: var(--ordolio-text-2xl);
    color: var(--ordolio-fg-default);
    margin-bottom: var(--ordolio-space-4);
}

.event-sponsor-grid__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: var(--ordolio-space-6);
    align-items: center;
    justify-items: center;
}

.event-sponsor-grid__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.event-sponsor-grid__logo {
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
}

.event-sponsor-grid__name-only {
    display: block;
    text-align: center;
    font-size: var(--ordolio-text-xs);
    color: var(--ordolio-fg-default);
}

.event-sponsor-grid__category {
    display: block;
    font-size: var(--ordolio-text-xs);
    color: var(--ordolio-fg-muted);
    text-align: center;
    margin-top: var(--ordolio-space-1);
}

/* ── Compact strip variant (event-overview tile) ───────────────────────────── */

.event-sponsor-strip {
    display: flex;
    align-items: center;
    gap: var(--ordolio-space-2);
    font-size: var(--ordolio-text-xs);
    color: var(--ordolio-fg-muted);
    margin-top: var(--ordolio-space-2);
    flex-wrap: wrap;
}

.event-sponsor-strip__label {
    /* Inherits font-size and color from .event-sponsor-strip */
}

.event-sponsor-strip__logo {
    height: 20px;
    max-width: 60px;
    object-fit: contain;
}

.event-sponsor-strip__name-only {
    font-size: var(--ordolio-text-xs);
    color: var(--ordolio-fg-muted);
}

.event-sponsor-strip__overflow {
    font-weight: var(--ordolio-weight-semibold);
    color: var(--ordolio-fg-muted);
}