/* The events list (Controls/EventList: EEventList, ECommEventList, EBlogEventList) in the
   new design - the community page's EVENT CORNER head (V2Community.css) and its cards. */
body:has(.v2-header) .v2-evl { margin: 24px 0 40px; font-family: var(--v2-font); }
body:has(.v2-header) .v2-evl-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 12px; margin-bottom: 22px; border-bottom: 1px solid var(--v2-line); }
body:has(.v2-header) .v2-evl-head h1 { display: flex; align-items: baseline; gap: 10px; margin: 0; flex: 0 0 auto; font-size: 22px; font-weight: 900; letter-spacing: .3px; }
body:has(.v2-header) .v2-evl-head h1 a { color: var(--v2-pink); text-decoration: none; }
body:has(.v2-header) .v2-evl-head h1 small { font-size: 15px; font-weight: 800; color: var(--v2-navy); }
body:has(.v2-header) .v2-evl-tabs { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; }
body:has(.v2-header) .v2-evl-tabs .evt-cats { display: contents; }
body:has(.v2-header) .v2-evl-tabs a { padding: 6px 13px; border-radius: 999px; font-size: 13.5px; font-weight: 700; color: #4b5162; text-decoration: none; }
body:has(.v2-header) .v2-evl-tabs a:hover { color: var(--v2-primary); background: var(--v2-primary-soft); }
body:has(.v2-header) .v2-evl-tabs a.is-on { background: var(--v2-primary); color: #fff; }
body:has(.v2-header) .v2-evl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 20px; }
body:has(.v2-header) .v2-evl-card { display: flex; flex-direction: column; gap: 10px; color: inherit; text-decoration: none; }
body:has(.v2-header) .v2-evl-img { display: block; aspect-ratio: 16 / 10; border-radius: 12px; overflow: hidden; background: #f1f2f6; box-shadow: 0 1px 3px rgba(20, 24, 40, .08); }
body:has(.v2-header) .v2-evl-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
body:has(.v2-header) .v2-evl-card:hover .v2-evl-img img { transform: scale(1.04); }
body:has(.v2-header) .v2-evl-card b { font-size: 15.5px; font-weight: 800; line-height: 1.45; color: var(--v2-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body:has(.v2-header) .v2-evl-card:hover b { color: var(--v2-primary); }
body:has(.v2-header) .v2-evl-empty { padding: 60px 0; text-align: center; color: var(--v2-muted); }
@media (max-width: 900px) {
    body:has(.v2-header) .v2-evl-head { flex-direction: column; align-items: flex-start; }
    body:has(.v2-header) .v2-evl-tabs { justify-content: flex-start; }
    body:has(.v2-header) .v2-evl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}