/* T327 — Mention commerciale : bande opaque, séparée du visuel et de la date. */
.card .visual:has(> .sponsor-label) {
    display: flex;
    flex-direction: column;
}

.card .visual .sponsor-label {
    position: static;
    flex: 0 0 auto;
    margin: 0;
    border-radius: 0;
    padding: 8px 6px;
    background: var(--deep-sea);
    color: var(--white);
    font-size: 16px;
    line-height: 1.45;
    letter-spacing: normal;
    text-transform: lowercase;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}

.card .visual .sponsor-label::first-letter {
    text-transform: uppercase;
}

.sponsor-banner {
    margin-block: 24px;
    padding: 20px 24px;
    border: 1px solid var(--control);
    border-inline-start: 6px solid var(--deep-sea);
    border-radius: 12px;
    background: var(--sponsor);
    color: var(--ink);
    font-size: 16px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.sponsor-banner .sponsor-banner__label {
    display: block;
    font-weight: 800;
    line-height: 1.5;
}

.sponsor-banner .sponsor-banner__description {
    margin: 8px 0 0;
}

@media (max-width: 650px) {
    /* La vignette de 112 px conserve une image assez haute pour la date. */
    .card .visual:has(> .sponsor-label) > img {
        height: 140px;
        min-height: 140px;
        flex: 1 0 auto;
    }

    .events .card:first-child .visual:has(> .sponsor-label) > img {
        height: 195px;
    }

    .sponsor-banner {
        padding: 16px;
    }
}