/* ==== NACo Event List — One Column ==== */
.events-wrap { max-width: 1080px; margin: 0 auto; padding: 32px 16px; }
.events-hero h1 { font-weight: 800; color: #0a3366; margin: 0 0 8px; }
.events-hero p  { color: #6b7280; margin: 0 0 20px; font-size: 1.05rem; }

.search-bar {
  display:flex; align-items:center; gap:12px;
  background:#fff; border:1px solid #e5e7eb; border-radius:16px;
  padding:14px 16px; box-shadow: 0 8px 26px -18px rgba(16,24,40,.35);
  margin: 0 0 18px;
}
.search-bar input {
  flex:1; border:0; outline:0; font-size:1rem; color:#111827;
}
.search-bar input::placeholder { color:#9ca3af; }

/* Card */
.ev-card {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:#fff; border:1px solid #e7ecf2; border-radius:20px; padding:22px;
  box-shadow: 0 16px 48px -24px rgba(16,24,40,.35);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  margin-bottom: 16px;
}
.ev-card:hover { transform: translateY(-2px); box-shadow: 0 24px 64px -28px rgba(16,24,40,.45); }

/* Left */
.ev-title { font-weight:800; font-size:1.25rem; color:#0a1f33; margin:0 0 10px; }
.ev-meta { display:flex; flex-wrap:wrap; gap:14px; color:#374151; font-weight:600; }
.ev-pill {
  display:inline-flex; align-items:center; gap:8px; border-radius:999px;
  padding:8px 14px; background:#f3f4f6; color:#374151; font-weight:700; font-size:.92rem;
}
.ev-pill .dot { display:inline-block; width:10px; height:10px; border-radius:50%; background:#b59f12; }
.ev-pill.success { background:#eaf6ee; color:#14532d; }
.ev-pill.success .dot { background:#22c55e; }

/* Right */
.ev-actions { flex:0 0 auto; }
.btn-reg {
  border-radius:14px; padding:12px 18px; font-weight:800; font-size:1rem;
  background:#154ea8; color:#fff; text-decoration:none; display:inline-flex; align-items:center; gap:8px;
  border:1px solid #154ea8;
}
.btn-reg:hover { background:#0f3f89; border-color:#0f3f89; color:#fff; }
.btn-reg[aria-disabled="true"] {
  background:#dbe5fb; border-color:#dbe5fb; color:#5b6ea5; cursor:not-allowed; pointer-events:none;
}

/* Mobile */
@media (max-width: 640px){
  .ev-card{ flex-direction:column; align-items:stretch; }
  .ev-actions a{ width:100%; justify-content:center; }
}