/**
 * ThankYou / Error Page Styling for vrs_reserve
 */

.tx-reserve-thankyou {
  max-width: 800px;
  margin: 2rem auto;
  padding: 1rem;
}

/* Alert Boxes */
.tx-reserve-thankyou .alert {
  display: block; /* Override any flex layout */
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}

.tx-reserve-thankyou .alert h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.75rem;
}

.tx-reserve-thankyou .alert h2 i {
  margin-right: 0.5rem;
  vertical-align: middle;
}

.tx-reserve-thankyou .alert p {
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

.tx-reserve-thankyou .alert p:last-child {
  margin-bottom: 0;
}

/* Success Alert */
.tx-reserve-thankyou .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.tx-reserve-thankyou .alert-success h2 {
  color: #0c5128;
}

.tx-reserve-thankyou .alert-success a {
  color: #0c5128;
  text-decoration: underline;
}

/* Warning Alert */
.tx-reserve-thankyou .alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeaa7;
}

.tx-reserve-thankyou .alert-warning h2 {
  color: #533f03;
}

.tx-reserve-thankyou .alert-warning a {
  color: #533f03;
  font-weight: bold;
  text-decoration: underline;
}

/* Reason */
.tx-reserve-thankyou .alert .reason {
  font-size: 1.05rem;
  padding: 0.75rem;
  background-color: rgba(255, 255, 255, 0.5);
  border-left: 3px solid currentColor;
  margin: 1rem 0;
}

/* Contact Info */
.tx-reserve-thankyou .alert .contact-info {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0.95rem;
}

.tx-reserve-thankyou .alert .contact-info a {
  font-weight: bold;
}

/* Text Muted (kleiner Hinweistext) */
.tx-reserve-thankyou .text-muted {
  color: #6c757d;
}

.tx-reserve-thankyou .small {
  font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 768px) {
  .tx-reserve-thankyou {
    padding: 0.5rem;
  }

  .tx-reserve-thankyou .alert h2 {
    font-size: 1.5rem;
  }

  .tx-reserve-thankyou .alert {
    padding: 1rem;
  }
}