/* ============================================================
   Public-site form controls used by the booking request form.
   Scoped to the vehicle detail sidebar; the legacy car-detail.css
   styles the card, not the inputs inside it.
   ============================================================ */

.cd-request-form { display: flex; flex-direction: column; gap: 11px; }
.cd-request-form .cd-field { display: flex; flex-direction: column; gap: 5px; }
.cd-request-form label {
  font-size: 11.5px; font-weight: 600; letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.62); text-transform: uppercase;
}
.cd-request-form input,
.cd-request-form textarea {
  width: 100%;
  padding: 9px 11px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-family: inherit;
  font-size: 13.5px;
}
.cd-request-form input:focus,
.cd-request-form textarea:focus {
  outline: none;
  border-color: #F15A24;
  box-shadow: 0 0 0 3px rgba(241, 90, 36, 0.18);
}
.cd-request-form textarea { resize: vertical; line-height: 1.55; }
.cd-request-form .cd-date-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cd-request-form button { margin-top: 4px; width: 100%; cursor: pointer; }
.cd-request-form button:disabled { opacity: 0.6; cursor: not-allowed; }
.cd-form-error {
  background: rgba(200, 60, 45, 0.16);
  border: 1px solid rgba(220, 90, 75, 0.4);
  color: #ffb4a8;
  padding: 9px 12px; border-radius: 7px; font-size: 13px; margin: 0;
}