/* ===============================
   BVGN — Agendamento (refatorado)
   =============================== */

/* Cartão/base */
.bvgn-agendamento {
  margin-top: 20px;
  padding: 20px 24px; /* ⬅ padding mais generoso */
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f9fafb;
  box-shadow: 0 4px 12px rgba(0,0,0,.04);

  max-width: 560px;
  width: 100%;
  margin-inline: auto;
  display: grid;
  gap: 16px;
}

/* Diária: grade 2 colunas */
.bvgn-agendamento--diaria {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
}

/* Mensal: 1 coluna (campo informativo) */
.bvgn-agendamento--mensal {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 16px 20px;
}

/* Labels */
.bvgn-agendamento label {
  display: block;
  margin: 0 0 6px;
  font-weight: 700;
  color: #2c3e50;
  font-size: 0.95rem;
}

/* Inputs */
.bvgn-agendamento input[type="date"],
.bvgn-agendamento input[type="text"],
.bvgn-agendamento input[type="time"],
.bvgn-agendamento input.picker__input {
  width: 100%;
  border: 2px solid #163c67; /* consistente com cabeçalho */
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 1rem;
  background: #ffffff;
  transition: box-shadow .2s, border-color .2s, background .2s;
}

.bvgn-agendamento input:focus {
  outline: 0;
  border-color: #0b2a4b;
  background: #fff;
  box-shadow: none;
}

/* Flatpickr exibido (desktop) e mobile */
.bvgn-agendamento input.flatpickr-input[readonly]:not([type="hidden"]),
.bvgn-agendamento input.flatpickr-mobile {
  width: 100%;
  border: 2px solid #163c67;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 1rem;
  background: #ffffff;
  box-sizing: border-box;
}

/* Mensagem de validação */
#bv-date-msg {
  font-size: 0.9rem;
  margin-top: 4px;
  color: #b45309;
  display: none;
}
#bv-date-msg.on {
  display: block;
}

/* Preço (quando visível no bloco) */
.bvgn-agendamento .bvgn-preco {
  grid-column: 1 / -1;
  font-size: 1.15rem;
  font-weight: 700;
  color: #1f2937;
  margin-top: 8px;
}

/* Mobile: 1 coluna + ajustes */
@media (max-width: 720px){
  .bvgn-agendamento {
    width: 100%;
    max-width: 100%;
    padding: 20px 16px;
  }

  .bvgn-agendamento--diaria {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .bvgn-agendamento input[type="date"],
  .bvgn-agendamento input[type="text"],
  .bvgn-agendamento input[type="time"],
  .bvgn-agendamento input.picker__input {
    font-size: 16px;
    padding: 12px 20px;
  }
}

/* ajuste da mensagem de alerta nas datas incorretas */

#bv-date-msg.bvgn-msg {
  display: none;
  margin-top: 12px;
  font-size: 14px;
  color: #b22;
}

#bv-date-msg.bvgn-msg.on {
  display: block;
}

#bv-date-msg.bvgn-msg a {
  color: #0073aa;
  text-decoration: underline;
}


/* fim ajuste da mensagem de alerta nas datas incorretas */

.bvgn-date-feedback {
  display: none;
  margin-top: 6px;
  font-size: 0.875rem;
  color: #b45309;
}

.bvgn-date-feedback.on {
  display: block;
}