/* ==========================================================================
   REALM CALENDAR STYLES
   Extends css/style.css + css/tracker.css (filter-tabs). `.cal-event` is one
   repeatable event — meant to mirror AzerothCore's own `calendar_event` table.
   ========================================================================== */

.cal-filters{max-width:900px; margin:0 auto; padding:40px 5% 20px;}
.cal-list{max-width:900px; margin:0 auto; padding:10px 5% 150px; display:flex; flex-direction:column; gap:14px;}
.cal-event{
  display:flex; gap:20px; align-items:center;
  padding:20px 24px; border:1px solid var(--border); border-radius:12px;
  background:linear-gradient(160deg, var(--panel), var(--bg-alt));
  transition:border-color .25s ease;
}
.cal-event:hover{border-color:var(--frost-dim);}
.cal-date{
  flex-shrink:0; width:64px; height:64px; border-radius:10px;
  border:1px solid var(--border); background:var(--bg);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.cal-day{font-family:var(--font-display); font-size:1.4rem; font-weight:800; color:var(--frost-glow); line-height:1;}
.cal-month{font-size:0.62rem; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-dim); margin-top:4px;}
.cal-info h3{font-family:var(--font-display); font-size:1rem; margin-top:8px; margin-bottom:6px;}
.cal-info p{color:var(--text-dim); font-size:0.84rem;}

@media(max-width:560px){
  .cal-event{flex-direction:column; align-items:flex-start; text-align:left;}
}