/* /tiktokblacklists/whistleblower/ WPForms controls: make the plugin fields visibly match OneNav .form-control. */
#wpforms-form-905 input.form-control,
#wpforms-form-905 textarea.form-control,
#wpforms-form-905 select.form-control {
  color: var(--main-color) !important;
  background: var(--input-bg-color) !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: 0 0 0 0.625rem transparent !important;
  padding: 0.375rem 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  transition: background-color 0.2s, border-color 0.3s, box-shadow 0.25s !important;
}

#wpforms-form-905 input.form-control,
#wpforms-form-905 select.form-control {
  height: calc(1.5em + 0.75rem + 2px) !important;
}

#wpforms-form-905 input.form-control:focus,
#wpforms-form-905 textarea.form-control:focus,
#wpforms-form-905 select.form-control:focus {
  color: var(--main-color) !important;
  background: var(--input-bg-color) !important;
  border-color: var(--muted-bg-color) !important;
  box-shadow: 0 0 0 0.1rem var(--focus-shadow-color) !important;
  outline: 0 !important;
}

html.io-black-mode #wpforms-form-905 input.form-control:not(:focus),
html.io-black-mode #wpforms-form-905 textarea.form-control:not(:focus),
html.io-black-mode #wpforms-form-905 select.form-control:not(:focus) {
  background-color: var(--muted-bg-color) !important;
  color: var(--main-color) !important;
  color-scheme: dark;
}

/* WPForms submit: match the sitewide OneNav .btn.vc-theme button. */
#wpforms-form-905 button.wpforms-submit {
  --this-color: #f1f2f3;
  --this-hover-color: #ffffff;
  --this-bg: var(--theme-color);
  --this-hover-bg: var(--hover-color);
  --this-border: transparent;
  --this-shadow: none;
  color: var(--this-color) !important;
  background: var(--this-bg) !important;
  border: 1px solid var(--this-border) !important;
  border-radius: var(--theme-border-radius-md) !important;
  box-shadow: var(--this-shadow) !important;
  padding: 11px 12px !important;
  height: 48px !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  transition: 0.2s !important;
}

#wpforms-form-905 button.wpforms-submit:focus,
#wpforms-form-905 button.wpforms-submit:hover {
  color: var(--this-hover-color) !important;
  background: var(--this-hover-bg) !important;
}

#wpforms-form-905 button.wpforms-submit:active {
  --this-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.08);
  box-shadow: var(--this-shadow) !important;
}

html.io-black-mode #wpforms-form-905 button.wpforms-submit {
  --this-color: #f1f2f3;
  --this-hover-color: #ffffff;
  --this-bg: var(--theme-color);
  --this-hover-bg: var(--hover-color);
  --this-border: transparent;
}

/* Dark mode: keep the WPForms modern skin on OneNav dark surfaces. */
html.io-black-mode #wpforms-905 {
  --wpforms-field-background-color: var(--muted-bg-color);
  --wpforms-field-border-color: rgba(255, 255, 255, 0.14);
  --wpforms-field-border-color-spare: rgba(255, 255, 255, 0.14);
  --wpforms-field-text-color: var(--main-color);
  --wpforms-field-menu-color: var(--muted-bg-color);
  --wpforms-label-color: var(--main-color);
  --wpforms-label-sublabel-color: var(--muted-color);
  --wpforms-label-error-color: var(--theme-color);
}

html.io-black-mode #wpforms-905 .wpforms-field-label,
html.io-black-mode #wpforms-905 .wpforms-field-label-inline {
  color: var(--main-color) !important;
}

html.io-black-mode #wpforms-905 .wpforms-required-label {
  color: var(--theme-color) !important;
}

html.io-black-mode #wpforms-905 .wpforms-field-sublabel,
html.io-black-mode #wpforms-905 .wpforms-field-description,
html.io-black-mode #wpforms-905 .wpforms-field-limit-text,
html.io-black-mode #wpforms-905 .wpforms-field-description p {
  color: var(--muted-color) !important;
}

html.io-black-mode #wpforms-form-905 input.form-control,
html.io-black-mode #wpforms-form-905 textarea.form-control,
html.io-black-mode #wpforms-form-905 select.form-control {
  color: var(--main-color) !important;
  background: var(--muted-bg-color) !important;
  border-color: transparent !important;
  color-scheme: dark;
}

html.io-black-mode #wpforms-form-905 input.form-control::placeholder,
html.io-black-mode #wpforms-form-905 textarea.form-control::placeholder,
html.io-black-mode #wpforms-form-905 select.form-control::placeholder,
html.io-black-mode #wpforms-form-905 input.form-control::-webkit-input-placeholder,
html.io-black-mode #wpforms-form-905 textarea.form-control::-webkit-input-placeholder,
html.io-black-mode #wpforms-form-905 select.form-control::-webkit-input-placeholder,
html.io-black-mode #wpforms-form-905 input.form-control::-moz-placeholder,
html.io-black-mode #wpforms-form-905 textarea.form-control::-moz-placeholder,
html.io-black-mode #wpforms-form-905 select.form-control::-moz-placeholder,
html.io-black-mode #wpforms-form-905 input.form-control:-ms-input-placeholder,
html.io-black-mode #wpforms-form-905 textarea.form-control:-ms-input-placeholder,
html.io-black-mode #wpforms-form-905 select.form-control:-ms-input-placeholder {
  color: var(--muted-color) !important;
  opacity: 1 !important;
}

/* Native and Choices.js dropdowns. */
html.io-black-mode #wpforms-905 select,
html.io-black-mode #wpforms-905 .choices__inner,
html.io-black-mode #wpforms-905 .choices__list--dropdown,
html.io-black-mode #wpforms-905 .choices__list[role="listbox"] {
  color: var(--main-color) !important;
  background: var(--muted-bg-color) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html.io-black-mode #wpforms-905 .choices__item {
  color: var(--main-color) !important;
}

html.io-black-mode #wpforms-905 .choices__list--dropdown .choices__item--selectable.is-highlighted,
html.io-black-mode #wpforms-905 .choices__list[role="listbox"] [aria-selected="true"] {
  color: var(--main-color) !important;
  background: var(--main-bg-color) !important;
}

/* Keep native checkbox/radio controls readable on the dark surface. */
html.io-black-mode #wpforms-905 input[type="checkbox"],
html.io-black-mode #wpforms-905 input[type="radio"] {
  color-scheme: dark;
  accent-color: var(--theme-color);
  background-color: var(--muted-bg-color) !important;
  border: 1px solid var(--muted-color) !important;
}

html.io-black-mode #wpforms-905 input[type="checkbox"]:checked,
html.io-black-mode #wpforms-905 input[type="radio"]:checked {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

/* Errors and confirmations should not retain WPForms light colors. */
html.io-black-mode #wpforms-905 .wpforms-error,
html.io-black-mode #wpforms-905 label.wpforms-error {
  color: #ff8f98 !important;
}

html.io-black-mode #wpforms-905 input.wpforms-error,
html.io-black-mode #wpforms-905 textarea.wpforms-error,
html.io-black-mode #wpforms-905 select.wpforms-error,
html.io-black-mode #wpforms-905 input.user-invalid,
html.io-black-mode #wpforms-905 textarea.user-invalid,
html.io-black-mode #wpforms-905 select.user-invalid {
  color: var(--main-color) !important;
  background: var(--muted-bg-color) !important;
  border-color: var(--theme-color) !important;
}

html.io-black-mode #wpforms-905 .wpforms-error-alert,
html.io-black-mode #wpforms-905 .wpforms-confirmation-container,
html.io-black-mode #wpforms-905 .wpforms-confirmation-container-full {
  color: var(--main-color) !important;
  background: var(--muted-bg-color) !important;
  border-color: transparent !important;
}

html.io-black-mode #wpforms-905 .wpforms-confirmation-container p,
html.io-black-mode #wpforms-905 .wpforms-confirmation-container-full p {
  color: var(--main-color) !important;
}

/* Keep vendor placeholder selectors separate so every browser applies the muted color. */
html.io-black-mode #wpforms-form-905 input.form-control::placeholder,
html.io-black-mode #wpforms-form-905 textarea.form-control::placeholder,
html.io-black-mode #wpforms-form-905 select.form-control::placeholder {
  color: var(--muted-color) !important;
  opacity: 1 !important;
}

html.io-black-mode #wpforms-form-905 input.form-control::-webkit-input-placeholder,
html.io-black-mode #wpforms-form-905 textarea.form-control::-webkit-input-placeholder,
html.io-black-mode #wpforms-form-905 select.form-control::-webkit-input-placeholder {
  color: var(--muted-color) !important;
  opacity: 1 !important;
}

html.io-black-mode #wpforms-form-905 input.form-control::-moz-placeholder,
html.io-black-mode #wpforms-form-905 textarea.form-control::-moz-placeholder,
html.io-black-mode #wpforms-form-905 select.form-control::-moz-placeholder {
  color: var(--muted-color) !important;
  opacity: 1 !important;
}

html.io-black-mode #wpforms-form-905 input.form-control:-ms-input-placeholder,
html.io-black-mode #wpforms-form-905 textarea.form-control:-ms-input-placeholder,
html.io-black-mode #wpforms-form-905 select.form-control:-ms-input-placeholder {
  color: var(--muted-color) !important;
  opacity: 1 !important;
}