/*!
 * Путь: /wp-content/themes/sml-theme/assets/css/forms.css
 * Описание: Стили форм (input/textarea/select/label). Единые состояния hover/focus/disabled и аккуратные анимации.
 * Версия: 1.0.0
 * Автор: Nuvren.com
 */

/* Unified form styles */

input, textarea, select, button {
  font-family: var(--sml-font);
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--sml-border-strong);
  background: var(--sml-surface);
  color: var(--sml-ink);
  outline: none;
  transition: border-color var(--sml-dur-2) var(--sml-ease-out), box-shadow var(--sml-dur-2) var(--sml-ease-out), transform var(--sml-dur-2) var(--sml-ease-out);
}

input:focus, textarea:focus, select:focus {
  border-color: rgba(67, 130, 57, 0.55);
  box-shadow: 0 0 0 4px rgba(67, 130, 57, 0.14);
}

input:hover, textarea:hover, select:hover {
  border-color: rgba(18, 22, 18, 0.22);
}

label {
  display: block;
  font-size: 13px;
  font-weight: 650;
  margin: 0 0 8px;
}