/* ── Events Section ──────────────────────────────────────────────── */
.events-section { background: var(--deep); padding: 6rem 3rem; }
.events-inner { max-width: 1200px; margin: 0 auto; }
.events-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; flex-wrap: wrap; gap: 1.25rem; }

.filter-row { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.f-btn { font-family: var(--body); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.4rem 1rem; border: 1px solid rgba(201, 151, 58, 0.2); background: transparent; color: rgba(242, 235, 217, 0.4); cursor: pointer; transition: all 0.2s; }
.f-btn.active, .f-btn:hover { border-color: var(--gold); color: var(--gold); background: rgba(201, 151, 58, 0.08); }

.events-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1px; background: rgba(201, 151, 58, 0.1); }

.event-card { background: var(--deep); padding: 2rem; position: relative; overflow: hidden; cursor: pointer; transition: background 0.3s; }
.event-card:hover { background: #16121C; }
.event-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--gold-d), var(--gold), var(--gold-d)); transform: scaleX(0); transform-origin: left; transition: transform 0.35s; }
.event-card:hover::after { transform: scaleX(1); }

.ev-type { display: inline-block; margin-bottom: 1.25rem; font-family: var(--body); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; padding: 0.3rem 0.8rem; border: 1px solid; }
.ev-dj    { border-color: rgba(201, 151, 58, 0.4); color: var(--gold); background: rgba(201, 151, 58, 0.06); }
.ev-sport { border-color: rgba(139, 26, 26, 0.5);  color: #E57373;    background: rgba(139, 26, 26, 0.08); }
.ev-food  { border-color: rgba(100, 150, 80, 0.4); color: #81C784;    background: rgba(100, 150, 80, 0.06); }

.ev-date  { font-family: var(--body); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(242, 235, 217, 0.3); margin-bottom: 0.5rem; }
.ev-title { font-family: var(--serif); font-size: 1.5rem; letter-spacing: 0.04em; line-height: 1.05; color: var(--parch); margin-bottom: 0.75rem; }
.ev-desc  { font-family: var(--fell); font-style: italic; font-size: 0.9rem; color: rgba(242, 235, 217, 0.45); line-height: 1.7; margin-bottom: 1.5rem; }

.ev-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 1.25rem; border-top: 1px solid rgba(201, 151, 58, 0.1); font-family: var(--body); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.ev-time { color: rgba(242, 235, 217, 0.35); }
.ev-book { color: var(--gold); text-decoration: none; display: flex; align-items: center; gap: 0.35rem; transition: gap 0.2s, color 0.2s; }
.event-card:hover .ev-book { gap: 0.6rem; color: var(--gold-l); }