.mem-events-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:20px;
  margin:20px 0
}
.mem-event-card{
  border:1px solid #ddd;
  padding:15px;
  border-radius:8px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:15px;
  transition:box-shadow .3s ease;
  position: relative;
}
.mem-event-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.mem-event-date{
  text-align:center;
  font-weight:700;
  min-width:60px;
  flex-shrink:0
}
.mem-event-date span{
  display:block;
  font-size:22px
}
.mem-event-date small{
  font-size:12px;
  text-transform:uppercase;
  color:#555
}
.mem-event-date .to{
  font-size:10px;
  margin:4px 0;
  color:#999
}
.mem-event-separator{
  width:1px;
  background:#ccc;
  height:85%;
  align-self:center
}
.mem-event-details{flex:1}
.mem-category{
  display:inline-block;
  background:navy;         /* navy background */
  color:#fff;              /* white text */
  font-size:12px;
  padding:2px 6px;
  border-radius:3px;
  margin-bottom:6px
}
.mem-title{margin:.2rem 0 .4rem}
.mem-location,.mem-date{
  font-size:14px;
  color:#555;
  margin:4px 0;
  display:flex;
  align-items:center;
  gap:6px
}
.mem-location .dashicons,.mem-date .dashicons{
  font-size:16px;
  line-height:1;
  color:#1a4d5f
}

/* FULL flag styling (minimal, added only) */
.mem-full{
  color:red;
  font-weight:700;
  margin-left:10px;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.mem-full .dashicons{ color:red; font-size:16px; }