/* ================================
   WEEKEND LIST — EXACT LOOK
   Scoped + theme-proof
   ================================ */

.mwe-root{position:relative;isolation:isolate}

/* Kill theme bleed inside component */
.mwe-root .mwe-list,
.mwe-root .mwe-item,
.mwe-root .mwe-title,
.mwe-root .mwe-row,
.mwe-root .mwe-btn{all:unset;display:revert}

.mwe-root .mwe-empty{color:#cfcfcf}
.mwe-root .mwe-diag{background:#111;color:#eee;padding:10px 14px;margin:14px 0;border-radius:10px}
.mwe-root .mwe-diag ul{margin:6px 0 0 18px}

.mwe-root .mwe-list{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  gap:38px;          /* generous space as in screenshot */
}

/* Row frame: black with thin red border */
.mwe-root .mwe-item{
  --accent:#ff4b58;
  background:#0b0b0f;
  border:2px solid var(--accent);
  border-radius:6px;
  box-shadow:0 14px 34px rgba(0,0,0,.35);
  padding:26px 28px;
  display:grid;
  grid-template-columns: 140px 360px 1fr 220px; /* date | image | text | CTA */
  align-items:center;
  column-gap:36px;
}

/* Date block */
.mwe-root .mwe-date{color:#fff;text-align:center;font-weight:900;line-height:1}
.mwe-root .mwe-dm{
  font-size:34px;letter-spacing:.02em;margin-bottom:10px
}
.mwe-root .mwe-dm .mwe-day,
.mwe-root .mwe-dm .mwe-mon{display:inline-block;min-width:36px}
.mwe-root .mwe-year{font-size:34px}

/* Poster image 4:3 */
.mwe-root .mwe-thumb{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:#000}
.mwe-root .mwe-thumb img{
  width:100% !important;height:100% !important;display:block !important;
  object-fit:cover !important;object-position:center !important;
  transition:transform .45s ease, filter .3s ease; filter:saturate(1.05)
}
.mwe-root .mwe-item:hover .mwe-thumb img{transform:scale(1.04);filter:saturate(1.1)}

/* Body */
.mwe-root .mwe-body{color:#fff}
.mwe-root .mwe-title{
  color:#fff !important;
  font-size:28px !important;font-weight:900 !important;
  margin:0 0 10px !important; line-height:1.2 !important
}
.mwe-root .mwe-row{color:#dcdcdc;font-size:16px;margin:6px 0}
.mwe-root .mwe-label{color:#fff;font-weight:800;margin-right:10px}

/* CTA */
.mwe-root .mwe-cta{text-align:right}
.mwe-root .mwe-btn{
  display:inline-block !important;
  font-weight:900 !important; text-transform:uppercase !important;
  letter-spacing:.01em !important; font-size:16px !important;
  padding:16px 28px !important; border-radius:6px !important;
  background:#ff4b58 !important; color:#fff !important;
  text-decoration:none !important; box-shadow:0 18px 36px rgba(255,75,88,.35) !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.mwe-root .mwe-btn:hover{
  background:#ff3041 !important; transform:translateY(-2px) !important;
  box-shadow:0 22px 42px rgba(255,75,88,.42) !important;
}
.mwe-root .mwe-btn.is-outline{
  background:transparent !important; color:#fff !important;
  border:2px solid #ff4b58 !important; box-shadow:none !important;
}

/* Responsive */
@media (max-width:1200px){
  .mwe-root .mwe-item{grid-template-columns: 130px 320px 1fr 200px}
}
@media (max-width:1024px){
  .mwe-root .mwe-item{grid-template-columns: 130px 300px 1fr}
  .mwe-root .mwe-cta{grid-column:1 / -1; text-align:left; margin-top:14px}
}
@media (max-width:720px){
  .mwe-root .mwe-item{
    grid-template-columns:100%;
    row-gap:16px; column-gap:0
  }
  .mwe-root .mwe-date{order:1;text-align:left;display:flex;gap:12px}
  .mwe-root .mwe-thumb{order:2}
  .mwe-root .mwe-body{order:3}
  .mwe-root .mwe-cta{order:4;text-align:left}
}