/* Wartelisten-Antwortseite — passt sich dem AV Enztal WordPress-Theme (bam) an.
   Designsprache: 1px-Trennlinien, keine Card-Schatten. Typografie und Buttons
   (<button>) erben ihr Aussehen komplett vom Theme, das diese Elemente global
   per Element-Typ stylt — hier nur Layout, Info-Grid und Countdown. */
/* Wrapper: nur Layout (schmale, zentrierte Spalte). Typografie kommt vom Theme. */
#ave-waitlist-response {
  max-width: 640px;
  margin: 24px auto;
  padding: 0 12px;
}

/* Karte: kein Schatten, keine abgerundeten Ecken — stattdessen Trennlinien
   wie in der Event-Tabelle */
#ave-waitlist-response .ave-wl-card {
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom: 1px solid rgb(221, 221, 221);
  padding: 20px 4px;
}

#ave-waitlist-response h2 {
  margin: 0 0 10px 0;
  font-size: 22px;
  font-weight: 400;
}

#ave-waitlist-response p {
  margin: 0 0 16px 0;
  line-height: 1.5;
  font-size: 20px;
}

/* Info-Block: Grid analog zur Event-Tabelle, Trennlinien statt grauer Box */
#ave-waitlist-response .ave-wl-info {
  margin: 0 0 20px 0;
  padding: 12px 0;
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom: 1px solid rgb(221, 221, 221);
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px 24px;
}
#ave-waitlist-response .ave-wl-info dt {
  font-weight: 400;
  color: #555;
}
#ave-waitlist-response .ave-wl-info dd {
  margin: 0;
}

#ave-waitlist-response .ave-wl-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Positive Buttons (Annehmen) erben das Theme-Coral — kein Override nötig. */

/* Negative Buttons (Ablehnen): Mittelgrau mit weißem Text. */
#ave-waitlist-response .ave-wl-decline {
  background: #b8b8b8;
}
#ave-waitlist-response .ave-wl-decline:hover {
  background: #a0a0a0;
}

/* Disabled-Zustand (App-Verhalten beim Warten auf API). */
#ave-waitlist-response .ave-wl-btn:disabled {
  opacity: 0.55;
  cursor: progress;
}

/* Countdown — sitzt zwischen Info-Block und Buttons */
#ave-waitlist-response .ave-wl-countdown {
  margin: 0 0 16px 0;
  font-size: 17px;
  font-weight: 400;
  color: #555;
}
/* Unter 4 Stunden: Orange (= Plugin-Farbe "wenig Plätze") */
#ave-waitlist-response .ave-wl-countdown--warn {
  color: rgb(255, 168, 38);
  font-weight: 600;
}
/* Abgelaufen: Rot */
#ave-waitlist-response .ave-wl-countdown--expired {
  color: rgb(223, 61, 61);
  font-weight: 600;
}

#ave-waitlist-response .ave-wl-error h2,
#ave-waitlist-response .ave-wl-success h2 {
  margin-bottom: 6px;
}

#ave-waitlist-response .ave-wl-loading p {
  text-align: center;
  color: #777;
}