/* jetform: что в прототипе давал собственный сброс (* { margin: 0; padding: 0 }, «голые» кнопки),
   а на сайте перебивают тема Hello Elementor (reset.css) и кит Elementor.
   Грузится ДО form.css: селекторы через :where() весят как один класс — больше,
   чем элементные правила темы, и ровно столько же, сколько классы прототипа, которые идут позже и побеждают. */
.jf :where(*) { margin: 0; padding: 0; box-sizing: border-box; }

/* сайт задаёт body line-height: 16px (кит Elementor); прототип рассчитан на normal */
.jf { line-height: normal; }

/* тема: [type=button], button { border: 1px solid #c36; border-radius: 3px; padding: .5rem 1rem; transition: all .3s; white-space: nowrap; … } */
.jf :where(button) {
  background: none; border: 0; border-radius: 0; padding: 0; color: inherit;
  font: inherit; line-height: inherit; letter-spacing: inherit; text-transform: none; text-align: inherit;
  white-space: normal; user-select: auto; transition: none; box-shadow: none; min-height: 0;
}
/* тема: [type=button]:hover / :focus { background-color: #c36; color: #fff } — это 0,2,0, поэтому и здесь 0,2,0.
   Наведение и фокус у прототипа заданы с !important, так что эти правила их не трогают. */
.jf :where(button):hover, .jf :where(button):focus { background-color: transparent; color: inherit; text-decoration: none; }

/* тема: label { display: inline-block; line-height: 1; vertical-align: middle } */
.jf :where(label) { display: inline; line-height: inherit; vertical-align: baseline; }

/* тема: input[type=text] и др. { border: 1px solid #666; border-radius: 3px; padding: .5rem 1rem; width: 100% } — это 0,1,1,
   поэтому здесь тоже элемент (0,1,1, позже темы). Классовых правил на полях у прототипа нет, только «.класс input» — они идут позже. */
.jf input, .jf textarea {
  border: 0; border-radius: 0; background: none; color: inherit; font: inherit; width: auto; min-height: 0; box-shadow: none; outline: 0;
}

/* тема: input[type=text]:focus { border-color: #333 } (0,2,1); у прототипа рамка полей — currentColor, свои :focus идут позже */
.jf input:focus, .jf textarea:focus { border-color: currentColor; }

/* тема: h1–h6 { margin-block: .5rem; font-weight: 500; line-height: 1.2 }, h2 { font-size: 2rem } */
.jf :where(h1, h2, h3) { font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }

/* тема: a { color: #c36 } */
.jf :where(a) { color: inherit; }