/* ============================================================
   TIX TRENDING PARTIES — ranked "Selling fast right now" list
   Deploy: wp-content/mu-plugins/tix-home-assets/tix-trending.css
   Enqueued by tix-home.php only when [tix_trending] is present.
   Matches InterfaceCraft handoff: dark rows, rank / thumb / title+date /
   green delta / PRICE-BUY button. Renders LIST ONLY (headings in the page).
   Scoped under .tix-trending so the theme can't touch it.
   ============================================================ */

.tix-trending{ width:100%; color:#fff; }

.tix-trending .tix-trending-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(255,255,255,.08);
}
.tix-trending .tix-trend-row{
  list-style:none;
  margin:0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.tix-trending .tix-trend-row::marker{ content:none; }

/* the whole row is one link */
.tix-trending .tix-trend-link{
  display:flex;
  align-items:center;
  gap:20px;
  min-height:95px;
  padding:14px 6px;
  text-decoration:none;
  color:inherit;
  transition:background .18s ease;
}
.tix-trending .tix-trend-link:hover{ background:rgba(255,255,255,.03); }

/* rank */
.tix-trending .tix-trend-rank{
  flex:0 0 40px;
  font-size:20px;
  font-weight:600;
  color:#6E6E6E;
  font-variant-numeric:tabular-nums;
}

/* thumbnail — event image (cover) or club-gradient fallback */
.tix-trending .tix-trend-thumb{
  flex:0 0 56px;
  width:56px;
  height:56px;
  border-radius:12px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  /* default gradient if no image + no club match */
  background-color:#1a1a22;
  background-image:linear-gradient(135deg,#ED2893,#F75254);
}
/* per-club gradient fallback (matches hero fan / clubs grid) when no image */
.tix-trending .tix-trend-thumb[data-club="hi-ibiza"]{ background-image:linear-gradient(135deg,#FF2D9B,#FF7DB5); }
.tix-trending .tix-trend-thumb[data-club="ushuaia"]{  background-image:linear-gradient(135deg,#12B39A,#22D3C4); }
.tix-trending .tix-trend-thumb[data-club="ushuaia-ibiza"]{ background-image:linear-gradient(135deg,#12B39A,#22D3C4); }
.tix-trending .tix-trend-thumb[data-club="unvrs"]{    background-image:linear-gradient(135deg,#6D28D9,#A855F7); }
.tix-trending .tix-trend-thumb[data-club="pacha"]{    background-image:linear-gradient(135deg,#F5333B,#FF7A3D); }
.tix-trending .tix-trend-thumb[data-club="dc10"]{     background-image:linear-gradient(135deg,#FF7A00,#FFB020); }
.tix-trending .tix-trend-thumb[data-club="amnesia"]{  background-image:linear-gradient(135deg,#28B8D0,#1E7A4A); }
.tix-trending .tix-trend-thumb[data-club="destino"]{  background-image:linear-gradient(135deg,#FF9E2C,#FF5A3D); }
.tix-trending .tix-trend-thumb[data-club="destino-five"]{ background-image:linear-gradient(135deg,#FF9E2C,#FF5A3D); }
.tix-trending .tix-trend-thumb[data-club="o-beach"]{  background-image:linear-gradient(135deg,#2DB4E8,#1E6FD0); }

/* title + sub (flexes to fill, pushes delta+price right) */
.tix-trending .tix-trend-meta{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.tix-trending .tix-trend-title{
  font-size:17px;
  font-weight:700;
  line-height:1.2;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tix-trending .tix-trend-sub{
  font-size:13.5px;
  font-weight:400;
  line-height:1.2;
  color:#8A8A8A;
}

/* green (or red) trend delta */
.tix-trending .tix-trend-delta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13.5px;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
.tix-trending .tix-trend-delta.is-up{   color:#22C55E; }
.tix-trending .tix-trend-delta.is-down{ color:#F04E4E; }
.tix-trending .tix-trend-delta svg{ width:14px; height:14px; }

/* PRICE — BUY TICKETS button (replaces the plain white price) */
.tix-trending .tix-trend-buy{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:56px;
  padding:9px 16px;
  border-radius:999px;
  background:linear-gradient(to right, rgb(237,40,147), rgb(247,82,84));
  white-space:nowrap;
}
.tix-trending .tix-trend-price{
  font-size:15px;
  font-weight:800;
  color:#fff;
  line-height:1;
}
.tix-trending .tix-trend-buytxt{
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#fff;
  line-height:1;
  opacity:.92;
}
.tix-trending .tix-trend-link:hover .tix-trend-buy{ filter:brightness(1.08); }

/* ---- responsive ---- */
@media (max-width:820px){
  .tix-trending .tix-trend-buy{ margin-left:20px; }
  .tix-trending .tix-trend-buytxt{ display:none; }   /* keep just the price pill on tablet */
}
@media (max-width:600px){
  .tix-trending .tix-trend-link{ gap:12px; min-height:78px; padding:12px 2px; flex-wrap:wrap; }
  .tix-trending .tix-trend-rank{ flex-basis:26px; font-size:16px; }
  .tix-trending .tix-trend-thumb{ flex-basis:46px; width:46px; height:46px; border-radius:10px; }
  .tix-trending .tix-trend-title{ font-size:15px; }
  .tix-trending .tix-trend-delta{ order:3; }
  .tix-trending .tix-trend-buy{ order:4; margin-left:auto; padding:7px 13px; }
}