/* Ticket-alert button + panel — appears in single-xot_concert and single-xot_festival
   ticket bars when the event has no _xot_ticket_url yet. */

.xot-ticket-alert{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.4rem;font-family:inherit}
.xot-ticket-alert__open{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.74rem;font-weight:800;letter-spacing:.5px;
  color:#fff;background:linear-gradient(135deg,#F0506C,#c9a227);
  padding:.85rem 1.5rem;border:none;border-radius:100px;cursor:pointer;
  transition:transform .15s,box-shadow .15s;
  box-shadow:0 6px 18px rgba(240,80,108,.25);
}
.xot-ticket-alert__open:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(240,80,108,.35)}
.xot-ticket-alert__panel{
  display:none;align-items:center;gap:.4rem;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:100px;padding:.3rem .3rem .3rem .9rem;
  min-width:280px;
}
.xot-ticket-alert.open .xot-ticket-alert__panel{display:flex}
.xot-ticket-alert.open .xot-ticket-alert__open{display:none}
.xot-ticket-alert__email{
  flex:1;background:transparent;border:none;outline:none;
  color:#fff;font-size:.78rem;font-family:inherit;
  padding:.45rem 0;min-width:0;
}
.xot-ticket-alert__email::placeholder{color:rgba(255,255,255,.35)}
.xot-ticket-alert__submit{
  background:#F0506C;color:#fff;border:none;
  font-size:.7rem;font-weight:800;letter-spacing:.5px;
  padding:.55rem 1.05rem;border-radius:100px;cursor:pointer;
  transition:background .15s;
}
.xot-ticket-alert__submit:hover{background:#d33d57}
.xot-ticket-alert__cancel{
  background:transparent;color:rgba(255,255,255,.4);border:none;
  font-size:.65rem;font-weight:700;cursor:pointer;padding:.45rem .65rem;
  transition:color .15s;
}
.xot-ticket-alert__cancel:hover{color:#fff}
.xot-ticket-alert__msg{
  font-size:.65rem;color:rgba(255,255,255,.55);min-height:1em;
  text-align:right;letter-spacing:.2px;
}

@media(max-width:520px){
  .xot-ticket-alert__open{font-size:.68rem;padding:.7rem 1.1rem}
  .xot-ticket-alert__panel{min-width:0;width:100%}
  .xot-ticket-alert__email{font-size:.7rem}
  .xot-ticket-alert__submit{font-size:.62rem;padding:.45rem .85rem}
}