.tl-category-hero.module-events { background-color: var(--ink); }

/*-- Event Card Details */
.card-event-details { display: flex; gap: 1rem; margin-bottom: 0.9rem; }

.card-event-date { background: var(--clay-dark); color: white; border-radius: var(--tl-radius); padding: 0.6rem 0.9rem; text-align: center; flex-shrink: 0; min-width: 56px; }

.card-event-date-month { font-size: 0.65rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }

.card-event-date-day { font-size: 1.6rem; font-family: var(--font-display); font-weight: 900; line-height: 1; }

.card-event-info { flex: 1; }

.card-event-title { font-size: 1rem; font-weight: 700; color: var(--ink); margin-bottom: 0.2rem; font-family: var(--font-display); }

.card-event-loc { font-size: 0.8rem; color: var(--ink-light); }

/*-- Right Sidebar: Upcoming Events */
.tl-upcoming-event { display: flex; gap: 0.8rem; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid var(--sand); }

.tl-upcoming-event:last-child { border-bottom: none; }

.tl-upcoming-date { background: var(--clay-dark); color: white; border-radius: var(--tl-radius); padding: 0.4rem 0.5rem; text-align: center; flex-shrink: 0; min-width: 42px; }

.tl-upcoming-date-month { font-size: 0.58rem; font-weight: 700; text-transform: uppercase; }

.tl-upcoming-date-day { font-size: 1.1rem; font-weight: 900; font-family: var(--font-display); line-height: 1; }

.tl-upcoming-title { font-size: 0.82rem; font-weight: 600; color: var(--ink); }

.tl-upcoming-loc { font-size: 0.72rem; color: var(--ink-light); }

/*-- Event Row (profile tab) */
.tl-event-row { background: var(--white); border-radius: var(--tl-radius); border: 1px solid var(--sand-dark); padding: 1.1rem 1.2rem; margin-bottom: 0.9rem; display: flex; gap: 1.1rem; align-items: center; transition: box-shadow 0.2s; }

.tl-event-row:hover { box-shadow: 0 6px 24px rgba(30, 26, 22, 0.09); }

.tl-event-row-info { flex: 1; }


/*-- Account/Profile: Mobile Responsive */
@media (max-width: 930px) {
.tl-event-row { flex-direction: column; align-items: flex-start; }
}

/*-- Page Manager tags narrow sidebar columns with .is-condensed (e.g. the
     /feed sidebar's 440px column). Inside those columns the four content
     modules' featured cards drop their description body so the card collapses
     to title + meta only. Wider columns (homepage main grid) keep the
     description. CSS-only - no per-module render-path branch needed.
     .card-text covers businesses/events/marketplace; .card-description covers news. */
.is-condensed .module-events .list-wrapper .item .card-text { display: none; }

/*-- Module: Event Card Date Box (no-image events) */
.card-event-row { display: flex; gap: 0.9rem; align-items: flex-start; padding: 0.9rem; }

.card-date-box { background: var(--gold); color: #fff; border-radius: var(--tl-radius); padding: 0.5rem 0.7rem; text-align: center; flex-shrink: 0; min-width: 56px; }

.card-date-box .card-date-day { display: block; font-size: 1.6rem; font-family: var(--font-display); font-weight: 900; line-height: 1; }

.card-date-box .card-date-month { display: block; font-size: 0.65rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-top: 0.15rem; }

.card-event-row .card-data { padding: 0; flex: 1; }

/*-- Specificity note: the generic `.list-wrapper .item .card-image i` rule above
     (color: var(--ink-light); opacity: 0.4) has 4 points and will override a shorter
     `.card-event-cal .fa-calendar-o` selector. So the calendar icon rule below leads
     with `.list-wrapper .item .card-image.card-image-event` (5 points) to win.
     Container + icon are 4.5rem (half the prior 9rem - was overpowering the 160px
     image slot). Month sits at 47% (just above center, inside the body), day at 67%
     (just below center). Tighter than the prior 36%/62% split so both labels fit
     inside the calendar body grid without colliding with the header tick-marks. */
.list-wrapper .item .card-image.card-image-event .card-event-cal { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; }

.list-wrapper .item .card-image.card-image-event .card-event-cal .fa-calendar-o { font-size: 4.5rem; color: var(--ink-mid); opacity: 0.5; line-height: 1; }

.list-wrapper .item .card-image.card-image-event .card-event-cal-month { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--ink-mid); opacity: .65; }

.list-wrapper .item .card-image.card-image-event .card-event-cal-day { position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); font-family: var(--font-display); font-weight: 900; font-size: 1.25rem; line-height: 1; color: var(--ink-mid); opacity: .65; }

/*-- Event: Add to Calendar Button */
.tl-btn-calendar { display: inline-block; margin: var(--tl-space-2) 0 var(--tl-space-4); }

/* Event category pill (gold) */
.event-category-pill-gold { background-color: var(--gold); color: #fff; }