/* Единый вид форм заявок (Contact Form 7) — как окно отклика на /hr
   (rbl_work_css(): те же размеры, цвета и шрифты): кремовая карточка, белые
   поля-пилюли, зелёная кнопка-пилюля, мелкое согласие под кнопкой.
   Формы CF7 живут в админке и вставляются шорткодом, поэтому вид задаётся
   здесь, одним файлом и последним в очереди стилей: правка формы в админке
   его не теряет, а старые правила style.css он перекрывает.
   Копия — onlineRobolatory/css/forms.css (тест сверяет побайтно). */

/* Окно с формой: только те, где внутри CF7 — у остальных окон (расписание,
   «спасибо») своё содержимое и своя вёрстка */
.popup__content:has(.wpcf7) {
  width: min(560px, 100%);
  padding: 30px 28px 26px;
  border-radius: 34px;
  background: #fff3e6;
  box-shadow: 0 24px 60px rgba(22, 18, 19, .25);
}
.popup__content:has(.wpcf7) .popup__close {
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
}
.popup__content:has(.wpcf7) .popup__close::before,
.popup__content:has(.wpcf7) .popup__close::after {
  width: 16px;
}
.popup__content:has(.wpcf7) .popup__title {
  margin: 0 44px 14px 0;
  font: 28px/1.1 “Gilroy-Extrabold”, “Gilroy-Bold”, Arial, sans-serif;
  color: #161213;
  text-align: left;
}
.popup__content:has(.wpcf7) .popup__items {
  max-width: none;
  align-items: stretch;
}

/* Поле-пилюля: белое, без вдавленной тени, зелёное кольцо при фокусе */
.wpcf7-form .form__input {
  height: 50px;
  margin-bottom: 10px;
  padding: 0 18px;
  border-radius: 999px;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 2px transparent;
  box-shadow: inset 0 0 0 2px transparent;
  transition: box-shadow .15s;
}
.popup__items .form__input { margin: 0 0 10px 0; }
.wpcf7-form .form__input:focus-within {
  -webkit-box-shadow: inset 0 0 0 2px #7abf4f;
  box-shadow: inset 0 0 0 2px #7abf4f;
}
.wpcf7-form .form__input input,
.wpcf7-form .form__input textarea {
  font: 16px/1 “Cinta-Regular”, Arial, sans-serif;
  color: #161213;
}
.wpcf7-form .form__input input::placeholder,
.wpcf7-form .form__input textarea::placeholder { color: #9a918d; }

/* Кнопка — зелёная пилюля; оранжевая «тень»-подложка снята */
.wpcf7-form .appointment__btn-container {
  height: 54px;
  margin-top: 6px;
}
#popup .appointment__btn-container { max-width: none; margin-top: 6px; }
.wpcf7-form .appointment__btn-container span { display: none; }
.wpcf7-form .btn.form__btn,
.wpcf7-form input[type="submit"] {
  border: 0;
  border-radius: 999px;
  background: #7abf4f;
  color: #fff;
  font: 17px/1 “Gilroy-Bold”, Arial, sans-serif;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: background .15s, transform .15s;
}
.wpcf7-form .btn.form__btn:hover,
.wpcf7-form input[type="submit"]:hover {
  background: #6aad41;
}
.wpcf7-form .btn.form__btn:active { top: 0; transform: translateY(1px); }

/* Согласие — под кнопкой, мелко и приглушённо, ссылка подчёркнута */
.wpcf7-form .rbl-consent,
.popup__items small:nth-child(5) {
  order: 9;
  display: block;
  max-width: none;
  margin: 12px 0 0;
  font: 12px/1.45 “Cinta-Regular”, Arial, sans-serif;
  color: #77706E;
  text-align: left;
}
.wpcf7-form .rbl-consent a { color: #161213; text-decoration: underline; }

/* На телефоне — снизу листом, как окно отклика на /hr */
@media (max-width: 560px) {
  .popup__body:has(.wpcf7) { align-items: flex-end; padding: 0; }
  .popup__content:has(.wpcf7) { width: 100%; max-height: 92vh; overflow-y: auto; padding: 22px 16px 18px; border-radius: 28px 28px 0 0; }
  .popup__content:has(.wpcf7) .popup__title { font-size: 24px; }
}