/* Оформление форм на страницах «Врачам», «Клиникам» и анкеты врача.
   Правила .feedback-form живут внутри шаблона обратной связи и на другие
   страницы не попадают — поэтому поля оставались без рамок, край формы
   было не видно. Отдельный файл, чтобы не трогать общий style.css. */

.fo-form .fo-row { margin-bottom: 14px; }
.fo-form label { display: block; margin-bottom: 5px; font-size: 15px; }
.fo-form input[type="text"],
.fo-form input[type="email"],
.fo-form select,
.fo-form textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #9B9B9B;
	border-radius: 2px;
	background: #FFF;
	font-size: 15px;
	box-sizing: border-box;
}
.fo-form textarea { min-height: 90px; }
.fo-form input:focus,
.fo-form select:focus,
.fo-form textarea:focus { border-color: #029363; outline: none; }
.fo-form .fo-hint { font-size: 0.85rem; color: #666; margin-top: 4px; }
.fo-form .fo-req { color: #C0392B; }

/* Галочка согласия: подпись длинная, поэтому кладём её колонкой рядом
   с квадратом, иначе текст подворачивается под него */
.fo-form .fo-check { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; }
.fo-form .fo-check input { margin-top: 3px; }

.fo-form .fo-submit {
	padding: 11px 26px;
	border: 0;
	border-radius: 2px;
	background: #029363;
	color: #FFF;
	font-size: 16px;
	cursor: pointer;
}
.fo-form .fo-submit:hover { background: #006F4A; }

.fo-ok, .fo-err, .fo-note {
	margin: 16px 0;
	padding: 14px 16px;
	border-radius: 4px;
}
.fo-ok  { background: #EAF6EE; border-left: 3px solid #2E9E5B; }
.fo-err { background: #FBEAEA; border-left: 3px solid #C0392B; }
.fo-note { background: #F4F4F4; border-left: 3px solid #029363; }

/* Заметный переход на анкету со страницы «Врачам» */
.fo-cta {
	margin: 22px 0;
	padding: 18px 20px;
	background: #F4F4F4;
	border-left: 3px solid #029363;
}
.fo-cta .fo-submit { display: inline-block; margin-top: 10px; text-decoration: none; }
.fo-cta .fo-submit:hover { color: #FFF; }