/* ============================================================
   TIX CTA BANNER — "Your summer starts here" closing gradient card
   Deploy: wp-content/mu-plugins/tix-home-assets/tix-cta.css
   Enqueued by tix-home.php only when [tix_cta_banner] is present.
   Matches handoff: black section, rounded 135deg pink->orange card,
   centred heading/subtext, dark pill + glass pill buttons.
   Scoped under .tix-cta so the theme can't touch it.
   ============================================================ */

.tix-cta{
  background:#000;
  padding:110px 24px 70px;
}

.tix-cta .tix-cta-card{
  max-width:1100px;
  margin:0 auto;
  padding:80px 24px;
  border-radius:24px;
  text-align:center;
  background:linear-gradient(135deg, #ED1E79 0%, #FA3A1B 100%);  /* pink -> orange-red */
}

.tix-cta .tix-cta-heading{
  margin:0 0 18px;
  font-size:clamp(30px, 4.2vw, 44px);
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.02em;   /* tighter tracking on the heading */
  color:#fff;
}

.tix-cta .tix-cta-sub{
  max-width:480px;
  margin:0 auto 30px;
  font-size:16.5px;
  line-height:1.5;
  color:rgba(255,255,255,.95);
}

.tix-cta .tix-cta-btns{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  justify-content:center;
  align-items:center;
}

/* shared pill */
.tix-cta .tix-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:14px 32px;
  border-radius:9999px;
  font-size:15.5px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  transition:transform .2s ease, filter .2s ease, background .2s ease, border-color .2s ease;
  -webkit-appearance:none; appearance:none;
}

/* left — solid black */
.tix-cta .tix-cta-btn--dark{
  background:#0a0a0a;
  color:#fff;
  border:0;
}
.tix-cta .tix-cta-btn--dark:hover{
  transform:translateY(-2px);
  filter:brightness(1.15);
}

/* right — glass (picks up the pink beneath) */
.tix-cta .tix-cta-btn--glass{
  background:rgba(255,255,255,.2);
  color:#fff;
  border:1px solid rgba(255,255,255,.4);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.tix-cta .tix-cta-btn--glass:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.3);
  border-color:rgba(255,255,255,.6);
}

@media (max-width:600px){
  .tix-cta{ padding:60px 16px 44px; }
  .tix-cta .tix-cta-card{ padding:54px 20px; border-radius:20px; }
  .tix-cta .tix-cta-btn{ width:100%; max-width:280px; }
}