/* =========================================================
   WVC – TEC / Event Tickets quick modern pass (single events)
   Paste into: Customizer > Additional CSS
   ========================================================= */

body.single-tribe_events{
  --wvc-accent: var(--ast-global-color-0, firebrick);

  --wvc-muted:  rgba(17,24,39,.70);
  --wvc-border: rgba(17,24,39,.12);
  --wvc-surface:#ffffff;
  --wvc-surface-2: rgba(17,24,39,.03);
  --wvc-radius: 18px;
  --wvc-shadow: 0 10px 35px rgba(17,24,39,.08);
}

/* Featured image looks less “boxed” */
body.single-tribe_events .tribe-events-single-event-description img,
body.single-tribe_events .tribe-events-content img{
  border-radius: var(--wvc-radius);
}


/* -------- RSVP / Tickets box → modern card -------- */
/* Targets multiple possible wrappers across Event Tickets versions */
body.single-tribe_events :is(
  .tribe-tickets__rsvp,
  .tribe-tickets__rsvp-wrapper,
  .tribe-tickets__tickets-wrapper,
  .tribe-block__tickets,
  .tribe-block__tickets__registration,
  .tribe-tickets
){
  /* Keep it readable and intentional */
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* The actual “box” look */
body.single-tribe_events :is(
  .tribe-tickets__rsvp-wrapper
){
  background: var(--wvc-surface);
  border: 1px solid var(--wvc-border);
  border-radius: var(--wvc-radius);
  box-shadow: var(--wvc-shadow);
  padding: 1.5rem 1.5rem;
}

/* If the plugin adds its own harsh borders, kill them */
body.single-tribe_events :is(
  .tribe-tickets__rsvp,
  .tribe-tickets__rsvp-wrapper,
  .tribe-block__tickets__registration
) *{
  border-color: var(--wvc-border);
}

/* Form typography + spacing */
body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets) label{

}

body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets) .tribe-tickets__rsvp-message,
body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets) p{

}

/* Inputs */
body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets)
  input[type="text"],
body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets)
  input[type="email"],
body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets)
  input[type="number"],
body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets)
  select{
  width: 100%;
  height: 46px;
  padding: 0 .85rem;
  border: 1px solid var(--wvc-border);
  border-radius: 12px;
  background: #fff;
  color: var(--wvc-text);
  box-shadow: none;
}

body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets)
  input:focus,
body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets)
  select:focus{
  outline: none;
  border-color: firebrick);
  box-shadow: 0 0 0 4px rgba(43,60,255,.12);
}

/* Button */
body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets)
  button,
body.single-tribe_events :is(.tribe-tickets, .tribe-block__tickets)
  input[type="submit"]{
  width: 100%;
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.06);
  background: var(--wvc-accent);
  font-weight: 700;
  text-transform: none;
  box-shadow: 0 10px 25px rgba(17,24,39,.10);
}

.event-tickets .tribe-tickets__rsvp-form-buttons> .tribe-tickets__rsvp-form-button {
    margin-left:0;
    background-color: firebrick;
    text-transform:uppercase;
}

/* -------- Bottom meta section → card layout -------- */
.tribe-events-event-meta:before {
    border: 0;
}
body.single-tribe_events .tribe-events-meta-group,
body.single-tribe_events .tribe-events-venue-map{
  background: var(--wvc-surface);
  border: 1px solid var(--wvc-border);
  border-radius: var(--wvc-radius);
  box-shadow: var(--wvc-shadow);
  padding: 1.1rem 1.2rem;
}

/* Give the meta section breathing room */
body.single-tribe_events .tribe-events-single-section{
  padding-top: 1.5rem;
}

/* Make links feel “designed”, not default */
body.single-tribe_events .tribe-events-meta-group a{
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}