/* =============================================================
   GloryPixel — Fluent Forms custom skin.
   Перевизначаємо дефолтні стилі плагіну.
   ============================================================= */

.fluentform .ff-el-form-control,
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform input[type="url"],
.fluentform select,
.fluentform textarea {
  width: 100% !important;
  background: rgba(15, 20, 19, 0.5) !important;
  border: 1px solid var(--line-2) !important;
  border-radius: 10px !important;
  color: var(--text) !important;
  font-family: var(--font-mono) !important;
  font-size: 14px !important;
  letter-spacing: 0.01em !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.fluentform .ff-el-form-control:hover,
.fluentform input:hover,
.fluentform select:hover,
.fluentform textarea:hover {
  border-color: var(--line-2);
  background: rgba(0,224,138,0.03) !important;
}

.fluentform .ff-el-form-control:focus,
.fluentform input:focus,
.fluentform select:focus,
.fluentform textarea:focus {
  outline: none !important;
  border-color: var(--accent) !important;
  background: rgba(0,224,138,0.04) !important;
  box-shadow: 0 0 24px rgba(0, 224, 138, 0.12) !important;
}

.fluentform textarea {
  min-height: 80px;
  resize: vertical;
}

.fluentform select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2300E08A' stroke-width='1.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  padding-right: 42px !important;
}

.fluentform select option { background: #0F1413; color: #fff; }

.fluentform .ff-el-input--label label,
.fluentform label {
  display: block !important;
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  margin-bottom: 8px !important;
  font-weight: 400 !important;
}

.fluentform .ff-el-input--label .ff-el-is-required.asterisk-right label:after,
.fluentform label.ff-el-is-required:after {
  content: " *";
  color: var(--accent);
}

.fluentform .ff-btn,
.fluentform .ff-btn-submit,
.fluentform .ff_btn_style,
.fluentform button[type="submit"],
.gp-modal .fluentform button[type="submit"] {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--accent) !important;
  background-color: var(--accent) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: var(--bg) !important;
  padding: 16px 28px !important;
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease !important;
  margin-top: 12px !important;
  min-width: 0 !important;
  height: auto !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.fluentform .ff-btn:hover,
.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover {
  background: #00f598 !important;
  background-color: #00f598 !important;
  color: var(--bg) !important;
  box-shadow: 0 0 40px var(--accent-glow), 0 8px 24px rgba(0, 224, 138, 0.25) !important;
  transform: translateY(-1px) !important;
}
.fluentform .ff-btn-submit:active,
.fluentform button[type="submit"]:active { transform: translateY(0) !important; }

/* Стрипуємо wrapper-ний контейнер кнопки */
.fluentform .ff_submit_btn_wrapper { width: 100%; padding: 0 !important; margin: 0 !important; }
.fluentform .ff-el-group:has(button[type="submit"]) { margin-bottom: 0 !important; }
.fluentform .ff-el-group:last-of-type { margin-bottom: 0 !important; }

/* Прибираємо зайвий простір знизу модалки — все що рендериться після form button */
.gp-modal .fluentform_wrapper_1 > div:empty,
.gp-modal .fluentform_wrapper_1 > p:empty,
.gp-modal-form > *:empty:not(.ff-el-group):not(input),
.gp-modal .ff-errors-in-stack { display: none !important; }
.gp-modal-form .fluentform_wrapper_1,
.gp-modal-form > div { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.fluentform .ff-el-group {
  margin-bottom: 12px !important;
}

/* Прибираємо тільки FF-зайвини що дають фейкову порожню висоту в модалці */
.gp-modal .fluentform_wrapper_1,
.gp-modal .fluentform,
.gp-modal .fluentform form,
.gp-modal .fluentform fieldset { margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
.gp-modal .ff-errors-in-stack:empty { display: none !important; }
.gp-modal .ff-errors-in-stack { margin: 0 !important; padding: 0 !important; }
.gp-modal .ff_screen_reader_title { height: 0 !important; }

.fluentform .ff-message-success,
.fluentform .ff_submit_success {
  background: rgba(0, 224, 138, 0.08) !important;
  border: 1px solid var(--accent) !important;
  border-radius: 12px !important;
  color: var(--accent) !important;
  padding: 18px 22px !important;
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
}

.fluentform .ff-message-fail,
.fluentform .error,
.fluentform .text-danger {
  color: #FF6B6B !important;
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  margin-top: 4px !important;
}

.fluentform .ff-el-group.ff-el-tc,
.fluentform .ff-el-tc {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  color: var(--muted) !important;
}

/* placeholder */
.fluentform input::placeholder,
.fluentform textarea::placeholder { color: var(--dim) !important; opacity: 1; }

/* Спіннер на сабміті */
.fluentform .ff-btn-submit.ff_submit_btn_loading::before {
  border-color: var(--bg) transparent var(--bg) transparent !important;
}