/* X Club Events - layout and gradient card (v1.3.1) */
:root{
  --xclub-chip-bg: var(--ml-mauve, #CCA9CA);
  --xclub-chip-text: #fff;
}

.xclub-events-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:28px;
}
@media (max-width: 1024px){
  .xclub-events-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .xclub-events-grid{ grid-template-columns: 1fr; }
}

.xclub-event-card{
  border:3px solid transparent;
  border-radius:0;
  border-image-slice:1;
  border-image-source: linear-gradient(
    135deg,
    var(--ml-aqua) 0%,
    color-mix(in oklab, var(--ml-aqua), white 35%) 35%,
    color-mix(in oklab, var(--ml-mauve), white 30%) 70%,
    var(--ml-mauve) 100%
  );
  background:#fff;
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow:0 6px 18px rgb(0 0 0 / 0.08);
}

.xclub-event-card a{
  text-decoration:none;
  color:inherit;
  display:block;
  height:100%;
}

.xclub-event-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(0,0,0,.12);
}

.xclub-event-image{
  position:relative;
  aspect-ratio: 4/5;
  background:#f3f4f6;
  overflow:hidden;
  border-radius:0;
}
.xclub-event-image img{
  width:100%; height:100%; object-fit:cover; display:block;
  transform: translateZ(0);
}
.xclub-event-card:hover .xclub-event-image img{
  transform: scale(1.02);
}

.xclub-date-badge{
  position:absolute;
  top:12px; left:12px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:64px;
  padding:8px 10px;
  border-radius:16px;
  background: var(--xclub-chip-bg);
  color: var(--xclub-chip-text);
  font-weight:700;
  line-height:1.1;
  font-size: 14px;
  white-space: pre-line;
  box-shadow: 0 6px 18px rgba(0,0,0,.2);
}

.xclub-event-title{ display:none !important; }
.xclub-event-time{
  color:#4b5563;
  font-size:13px;
  padding:0 14px 16px;
  display: none;
}