/* ============================================================
   Contato / Agende — feedback do formulário e disponibilidade
   assets/css/home-5/sections/contato.css
   ============================================================ */

.appointment-form .form-feedback {
  display: none;
  margin-top: 18px;
  padding: 14px 18px;
  border-radius: var(--ml-radius-sm, 10px);
  font-size: 14.5px;
  line-height: 1.55;
}

.appointment-form .form-feedback.is-success {
  display: block;
  background: rgba(46, 206, 135, 0.1);
  border: 1px solid rgba(46, 206, 135, 0.35);
  color: #157a4e;
}

.appointment-form .form-feedback.is-error {
  display: block;
  background: rgba(214, 72, 90, 0.07);
  border: 1px solid rgba(214, 72, 90, 0.3);
  color: #c23a4c;
}

/* Form grid (data + horário) — colapsa para coluna única em tablets */
@media (max-width: 991px) {
  .appointment-form form .form-grid {
    flex-direction: column;
    gap: 0;
  }
}

/* Inputs e selects: largura 100% em mobile para não vazar */
@media (max-width: 767px) {
  .appointment-form form .form-grid input,
  .appointment-form form .form-grid select,
  .appointment-form form select.custom-select {
    width: 100%;
    min-width: 0;
  }
}

/* Datepicker — dias indisponíveis mais apagados */
.ui-datepicker td.ui-state-disabled .ui-state-default,
.ui-datepicker td.ui-state-disabled span {
  opacity: 0.35;
}