/* MB05 events UI fixes — 2026-08-28.
   Kept separate from the large compiled site.css so event-specific changes
   do not risk the restored production stylesheet. */

/* Event detail: long event titles should not dominate the page hero. */
.mb-page-hero--event-detail h1 {
    font-size: clamp(30px, 3.1vw, 48px);
    line-height: 1.12;
    letter-spacing: -0.03em;
}

/* Event catalog cards: preserve the complete source image instead of cropping it. */
.editorial-catalog--events .event-card-new__media,
.editorial-catalog--events .editorial-feature__media,
.event-detail-new .event-card-new__media {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f4f1;
}

.editorial-catalog--events .event-card-new__media img,
.editorial-catalog--events .editorial-feature__media > img,
.event-detail-new .event-card-new__media img {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 5px;
    object-fit: contain;
    object-position: center;
    transform: none;
}

.editorial-catalog--events .event-card-new:hover .event-card-new__media img,
.editorial-catalog--events .editorial-feature:hover .editorial-feature__media > img,
.event-detail-new .event-card-new:hover .event-card-new__media img {
    transform: none;
}

/* Event detail cover: show the whole image at its natural proportions. */
.event-detail-new__cover {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f4f1;
}

.event-detail-new__cover img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 650px;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 767.98px) {
    .mb-page-hero--event-detail h1 {
        font-size: clamp(28px, 8vw, 38px);
        line-height: 1.14;
    }

    .editorial-catalog--events .event-card-new__media img,
    .editorial-catalog--events .editorial-feature__media > img,
    .event-detail-new .event-card-new__media img {
        padding: 3px;
    }
}

/* Homepage event cards: keep the complete source image visible. */
.home-events .home-event-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f4f1;
}

.home-events .home-event-card__image img {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 4px;
    object-fit: contain;
    object-position: center;
    transform: none;
}

.home-events .home-event-card:hover .home-event-card__image img {
    transform: none;
}