.events-menu { position: relative; }
.events-trigger {
  padding: 5px 0 7px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: var(--muted);
  cursor: pointer;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
}
.events-trigger::after { content: "›"; display: inline-block; margin-left: 6px; font-size: 1.1em; line-height: .7; }
.events-trigger:hover, .events-trigger:focus-visible, .events-menu:focus-within .events-trigger, .events-menu:hover .events-trigger { border-bottom-color: var(--accent); color: var(--accent-2); outline: none; }
.events-submenu { position: absolute; top: 100%; left: -12px; z-index: 120; display: grid; gap: 4px; min-width: 165px; padding: 14px 6px 6px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: #160d1d; box-shadow: 0 18px 40px rgba(0,0,0,.32); opacity: 0; pointer-events: none; transform: translateY(-6px); transition: opacity .2s ease, transform .2s ease; }
.events-submenu { visibility: hidden; }
.events-menu.is-open .events-submenu { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
.events-submenu a { display: block; padding: 8px 10px; border-bottom: 0; border-radius: 4px; color: var(--muted); font-size: .84rem; font-weight: 700; white-space: nowrap; }
.events-submenu a:hover, .events-submenu a:focus-visible, .events-submenu a[aria-current="page"] { background: rgba(255,82,175,.18); color: var(--text); outline: none; }
@media (max-width: 760px) { .events-trigger { padding: 4px 0 6px; font-size: .76rem; } }