/* V11: normal-size Home button directly below successful appointment confirmation */
.appointment-success-home {
  margin-top: 16px;
}
.appointment-home-button {
  width: auto !important;
  max-width: none !important;
  display: inline-block !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
}
.appointment-reference {
  margin-top: 10px;
}

/* V12: success message lives OUTSIDE the form so it remains visible after form is hidden. */
.appointment-success {
  margin: 18px 0 0;
  color: #7fc0ff;
  font-weight: 700;
  line-height: 1.55;
}
.appointment-success-message {
  color: #7fc0ff;
}
.appointment-reference {
  margin-top: 10px;
  color: #7fc0ff;
}
.appointment-success-home {
  margin-top: 16px;
}
.appointment-home-button {
  width: auto !important;
  max-width: none !important;
  display: inline-block !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
}

/* V13: Home button directly below the How confirmation works message */
.confirmation-home-btn {
  display: inline-block;
  width: auto;
  margin-top: 18px;
  padding: 12px 24px;
  background: #1557b8;
  color: #fff !important;
  border: 1px solid #2875dc;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}
.confirmation-home-btn:hover { background: #1d65ca; }


/* V14: replace the confusing appointment illustration with a clear booking action */
.appointment-action-card {
  border: 1px solid #1f6fd1;
  border-radius: 18px;
  padding: 28px;
  background: #050b16;
  align-self: start;
}
.appointment-action-title {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 10px;
}
.appointment-action-card p {
  color: #c7ced8;
  line-height: 1.55;
  margin: 0 0 20px;
}
.appointment-action-button {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 8px;
  background: #1557b8;
  border: 1px solid #2875dc;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
}
.appointment-action-button:hover { background: #1d65ca; }