/* wp-theme/plugins/tarabrin-crm-bridge/assets/forms.css */

/* ── Tour inquiry — V2: карточка + пилюля статуса + парные поля ── */
.tour-inquiry {
  margin: 32px auto 0;
}
.tour-inquiry__card {
  max-width: 580px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e7e9eb;
  border-radius: 16px;
  padding: 32px 30px;
}
.tour-inquiry__head {
  text-align: center;
  margin-bottom: 22px;
}
.tour-inquiry__title {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  font-size: 1.45rem;
  line-height: 1.18;
  color: #2A3038;
  margin: 0;
}
.tour-inquiry__pill {
  display: inline-block;
  background: rgba(184, 150, 62, 0.13);
  color: #8a6d22;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 6px 15px;
  border-radius: 100px;
  margin-top: 13px;
}
.tour-inquiry__lead {
  font-weight: 300;
  font-size: 0.9rem;
  line-height: 1.6;
  color: #6b747c;
  max-width: 430px;
  margin: 13px auto 0;
}

/* ── Form widget ── */
.tarabrin-inquiry {
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-family: Inter, system-ui, -apple-system, sans-serif;
}
.tarabrin-inquiry__pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 16px;
}
.tarabrin-inquiry__pair .tarabrin-inquiry__row {
  margin-bottom: 14px;
}
@media (max-width: 560px) {
  .tarabrin-inquiry__pair { grid-template-columns: 1fr; gap: 0; }
  .tour-inquiry__card { padding: 26px 20px; }
}
.tarabrin-inquiry__row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tarabrin-inquiry__row > span {
  font-size: 0.8rem;
  color: #5f6a72;
}
.tarabrin-inquiry__row > span em {
  font-style: normal;
  color: #aeb5ba;
}
.tarabrin-inquiry__row input {
  height: 42px;
  padding: 0 13px;
  border: 1px solid #e2e4e6;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  color: #2A3038;
  background: #fff;
}
.tarabrin-inquiry__row input::placeholder { color: #b7bdc2; }
.tarabrin-inquiry__row input:focus {
  outline: none;
  border-color: #B8963E;
  box-shadow: 0 0 0 3px rgba(184, 150, 62, 0.12);
}

/* textarea — «С чем хотите поработать?» (консультация); зеркалит input */
.tarabrin-inquiry__row textarea {
  min-height: 104px;
  padding: 11px 13px;
  border: 1px solid #e2e4e6;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  line-height: 1.5;
  color: #2A3038;
  background: #fff;
  resize: vertical;
}
.tarabrin-inquiry__row textarea::placeholder { color: #b7bdc2; }
.tarabrin-inquiry__row textarea:focus {
  outline: none;
  border-color: #B8963E;
  box-shadow: 0 0 0 3px rgba(184, 150, 62, 0.12);
}
.tarabrin-inquiry__row textarea[aria-invalid="true"] {
  border-color: #d05a4f;
  box-shadow: 0 0 0 3px rgba(208, 90, 79, 0.10);
}

/* honeypot — скрыто от людей, видно ботам */
.tarabrin-inquiry__hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* error state */
.tarabrin-inquiry__row input[aria-invalid="true"] {
  border-color: #d05a4f;
  box-shadow: 0 0 0 3px rgba(208, 90, 79, 0.10);
}
.tarabrin-inquiry__error {
  font-size: 0.74rem;
  color: #b94436;
  margin-top: 2px;
}

.tarabrin-inquiry__consent {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 0.78rem;
  line-height: 1.5;
  color: #6b747c;
}
.tarabrin-inquiry__consent input { margin-top: 2px; flex: 0 0 auto; }
.tarabrin-inquiry__consent a { color: #1A7B7B; }

.tarabrin-inquiry__submit {
  background: #B8963E;
  color: #fff;
  border: none;
  height: 48px;
  font-size: 15px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  border-radius: 8px;
  margin-top: 4px;
  transition: filter 0.15s ease;
}
.tarabrin-inquiry__submit:hover:not(:disabled) { filter: brightness(1.06); }
.tarabrin-inquiry__submit:disabled { opacity: 0.6; cursor: progress; }

.tarabrin-inquiry__status {
  font-size: 0.85rem;
  line-height: 1.5;
  min-height: 1.4em;
  text-align: center;
}
.tarabrin-inquiry__status--error { color: #b00020; }
.tarabrin-inquiry__status--success { color: #1A7B7B; }

.tarabrin-inquiry[data-state="done"] > *:not(.tarabrin-inquiry__status) { display: none; }
.tour-inquiry[data-state="done"] .tour-inquiry__lead { display: none; }