/* Переопределения UniForm под дизайн The88788.
   Подключается ПОСЛЕ uniform/css/uniform.css - здесь финальный вид форм. */

/* Обёртка формы - тёмная панель */
.uf-wrapper {
  background: var(--color-10120f) !important;
  color: var(--color-f1f4ed) !important;
  border: 1px solid var(--color-232823);
  border-radius: 22px;
  padding: 26px !important;
  box-shadow: none;
}

/* Заголовок - без голубой плашки, шрифт сайта */
.uf-header {
  background: transparent !important;
  color: var(--color-f1f4ed) !important;
  font: 600 16px/1.3 Unbounded, sans-serif !important;
  padding: 0 0 18px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--color-232823);
  margin-bottom: 20px;
}

.uf-wrapper .mfp-close,
.uf-wrapper-inline .mfp-close {
  display: none !important;
}

.uf-content {
  padding: 0 !important;
}

/* Поля: подпись над вводом */
.uf-field {
  margin-bottom: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px;
}

.uf-label {
  color: var(--color-9da69e) !important;
  font: 600 12px Manrope, Arial, sans-serif !important;
  padding: 0 !important;
  width: auto !important;
  text-align: left !important;
}

.uf-field-input {
  width: 100% !important;
}

.uf-input {
  width: 100% !important;
  background: var(--color-181c19) !important;
  border: 1px solid var(--color-2b302c) !important;
  border-radius: 10px !important;
  color: var(--color-f1f4ed) !important;
  padding: 12px 14px !important;
  font: 500 14px Manrope, Arial, sans-serif !important;
  transition: border-color .2s;
}

.uf-input:focus {
  outline: none !important;
  border-color: var(--color-c8f542) !important;
}

textarea.uf-input {
  min-height: 120px;
  resize: vertical;
}

.uf-input-error {
  border-color: var(--color-ff7a45) !important;
}

/* Кнопка отправки - кислотная, как на сайте */
.uf-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: var(--color-c8f542) !important;
  color: var(--color-10120f) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px 24px !important;
  font: 800 14px Manrope, Arial, sans-serif !important;
  cursor: pointer;
  transition: filter .2s;
}

.uf-btn:hover {
  background: var(--color-d6ff55) !important;
  filter: none !important;
}

/* Сообщения - тонкие акцентные полосы вместо ярких плашек */
.uf-alert {
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font: 600 13px Manrope, Arial, sans-serif !important;
  margin-bottom: 14px;
}

.uf-alert-success {
  background: var(--color-rgba-200-245-66--1-) !important;
  color: var(--color-c8f542) !important;
  border: 1px solid var(--color-rgba-200-245-66--35-) !important;
}

.uf-alert-error {
  background: var(--color-rgba-255-122-69--08-) !important;
  color: var(--color-ff9d7a) !important;
  border: 1px solid var(--color-rgba-255-122-69--35-) !important;
}

.uf-alert-info {
  background: var(--color-rgba-200-245-66--07-) !important;
  color: var(--color-c7cec7) !important;
  border: 1px solid var(--color-2b302c) !important;
}

.uf-alert ul {
  margin: 6px 0 0 !important;
  padding-left: 18px !important;
}