/*
 * Kontakt band — Fluent Forms overrides.
 * Scoped to #kontakt; loads after plugin CSS (see functions.php).
 */
:root {
  --fe-green: #7a9b31;
  --fe-green-dark: #627a28;
  --fe-green-soft: rgba(122, 155, 49, 0.12);
  --fe-text: #3d3d3d;
}

/* Inputs & textarea */
#kontakt .ff-fe-contact-wrap .fluentform input.ff-el-form-control,
#kontakt .ff-fe-contact-wrap .fluentform textarea.ff-el-form-control,
#kontakt .ff-fe-contact-wrap .fluentform select.ff-el-form-control,
#kontakt .ff-fe-contact-wrap .fluentform .ff-el-form-control {
  border-radius: 0 !important;
  border-color: #cfcfcf !important;
  padding: 0.65rem 0.85rem !important;
  font-family: inherit !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

#kontakt .ff-fe-contact-wrap .fluentform input.ff-el-form-control:focus,
#kontakt .ff-fe-contact-wrap .fluentform textarea.ff-el-form-control:focus,
#kontakt .ff-fe-contact-wrap .fluentform select.ff-el-form-control:focus,
#kontakt .ff-fe-contact-wrap .fluentform .ff-el-form-control:focus {
  border-color: var(--fe-green) !important;
  box-shadow: 0 0 0 0.2rem var(--fe-green-soft) !important;
  outline: none !important;
}

/* Labels */
#kontakt .ff-fe-contact-wrap .fluentform .ff-el-input--label label {
  font-weight: 500 !important;
  color: var(--fe-text) !important;
}

/* Field spacing */
#kontakt .ff-fe-contact-wrap .fluentform .ff-el-group {
  margin-bottom: 1rem !important;
}

/* Primary submit — match .btn-fe-primary */
#kontakt .ff-fe-contact-wrap .fluentform .ff-btn-submit,
#kontakt .ff-fe-contact-wrap .fluentform button.ff-btn-submit,
#kontakt .ff-fe-contact-wrap .fluentform .frm_submit button[type="submit"],
#kontakt .ff-fe-contact-wrap .fluentform button[type="submit"].ff-btn-submit {
  background-color: var(--fe-green) !important;
  border-color: var(--fe-green) !important;
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 0.9rem 1.25rem !important;
  border-radius: 1rem !important;
  box-shadow: 0 10px 20px rgba(122, 155, 49, 0.22) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease,
    border-color 0.18s ease !important;
}

#kontakt .ff-fe-contact-wrap .fluentform .ff-btn-submit:hover,
#kontakt .ff-fe-contact-wrap .fluentform button.ff-btn-submit:hover,
#kontakt .ff-fe-contact-wrap .fluentform .frm_submit button[type="submit"]:hover,
#kontakt .ff-fe-contact-wrap .fluentform button[type="submit"].ff-btn-submit:hover {
  background-color: var(--fe-green-dark) !important;
  border-color: var(--fe-green-dark) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

#kontakt .ff-fe-contact-wrap .fluentform .ff-btn-submit:active,
#kontakt .ff-fe-contact-wrap .fluentform button.ff-btn-submit:active,
#kontakt .ff-fe-contact-wrap .fluentform .frm_submit button[type="submit"]:active,
#kontakt .ff-fe-contact-wrap .fluentform button[type="submit"].ff-btn-submit:active {
  transform: translateY(0);
}

/* Consent / checkbox row */
#kontakt .ff-fe-contact-wrap .fluentform .ff-el-form-check label {
  font-size: 0.875rem !important;
  color: var(--fe-text) !important;
}

#kontakt .ff-fe-contact-wrap .fluentform .ff-el-form-check-input {
  border-color: #cfcfcf !important;
}

#kontakt .ff-fe-contact-wrap .fluentform .ff-el-form-check-input:checked {
  background-color: var(--fe-green) !important;
  border-color: var(--fe-green) !important;
}

/* Errors */
#kontakt .ff-fe-contact-wrap .fluentform .text-danger,
#kontakt .ff-fe-contact-wrap .fluentform .error,
#kontakt .ff-fe-contact-wrap .fluentform ul.ff-errors-in-stack {
  color: #b42318 !important;
}