/* ==========================================================================
   Events - Hero
   ========================================================================== */

.events-hero-bg {
    background-image: url('https://res.cloudinary.com/df3pwsyzy/image/upload/v1769954436/silhouettes-of-crowd-group-of-people-cheering-in-2026-01-05-06-17-21-utc_y7hn8w.jpg');
}

/* ==========================================================================
   Events - Cards & Date Badges
   ========================================================================== */

/* Compact variant of the shared .event-date badge (style.css) used in
   sidebar "related events" lists. */
.event-date--sm {
    width: 50px;
}

.event-date-day--sm {
    font-size: 1rem;
}

.event-date-month--sm {
    font-size: 0.6rem;
}

/* Thumbnail used in the "All Upcoming Events" list rows */
.event-thumb-img {
    object-fit: cover;
    min-height: 160px;
}

.event-thumb-placeholder {
    min-height: 160px;
}

/* Small date badge on each event row; falls back to bs-primary when the
   event has no category (a per-category color is applied at runtime via
   the data-bg-color attribute - see inline script). */
.event-date-badge {
    background-color: var(--bs-primary);
    color: #fff;
}

/* ==========================================================================
   Events Widget (sidebar partial)
   ========================================================================== */

.events-widget-divider {
    border-color: var(--color-gold);
    opacity: 0.6;
    border-width: 2px;
}

.events-widget-thumb {
    width: 80px;
    height: 60px;
    object-fit: cover;
}

.events-widget-thumb-placeholder {
    width: 80px;
    height: 60px;
}

.events-widget-title {
    line-height: 1.4;
}