/**
 * Переопределение внешнего вида форм exform (/exform/) под фирменный стиль сайта.
 *
 * Стили тем exform (в т.ч. proprietary-шрифт "Circe") подключаются самим exform.js
 * динамически, в рантайме, поэтому порядок каскада не гарантирован — здесь используется
 * !important, чтобы наши правила гарантированно были приоритетнее стилей из /exform/themes/*.
 */

.exform-wrapper.callback_popup,
.exform-wrapper.callback_wrap,
.exform-wrapper.widget {
	font-family: var(--font-main) !important;
	color: var(--color-text) !important;
	background: var(--color-white) !important;
	border-radius: 0px !important;
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.18) !important;
	padding: 40px 45px !important;
}

.exform-wrapper.callback_popup {
	max-width: 560px !important;
}

.exform-wrapper.widget {
	max-width: 380px !important;
}

.exform-wrapper .exform-header {
	margin-bottom: 24px;
	font-family: var(--font-main) !important;
	color: #000000 !important;
	text-transform: none !important;
	font-size: 36px !important;
	text-align: center !important;
	font-weight: 600 !important;
	line-height: 1.23;
}

.exform-wrapper .exform-addmsg {
	font-family: var(--font-main) !important;
	text-align: left !important;
	max-width: none !important;
	color: var(--color-text-secondary) !important;
	font-size: 14px !important;
	margin: 8px 0 0 !important;
}

.exform-wrapper .form-body {
	max-width: none !important;
	margin: 24px 0 0 !important;
	display: block !important;
}

.exform-wrapper .form-body .input-item {
	width: 100% !important;
	margin-bottom: 25px !important;
}
.exform-wrapper .form-body .input-item > span {
	font-size: 20px;
    line-height: 1.55;
	font-weight: 300;
	padding-bottom: 5px;
}

.exform-wrapper input[type='text'],
.exform-wrapper input[type='email'],
.exform-wrapper textarea {
	outline: none !important;
	font-family: var(--font-main) !important;
	border: 1px solid #c9c9c9 !important;
	border-radius: 5px !important;
	padding: 0 20px !important;
	height: 60px !important;
	width: 100% !important;
	font-size: 16px !important;
	color: #000000 !important;
	background: var(--color-white) !important;
}
.exform-wrapper textarea {
	resize: vertical !important;
	height: 238px !important;
	padding: 20px !important;
}

.exform-wrapper input::placeholder {
	font-family: var(--font-main) !important;
	color: var(--color-text-secondary) !important;
}

.exform-wrapper .mf-submit {
	text-align: left !important;
}

.exform-wrapper .mf-submit .send-btn {
	font-family: var(--font-main) !important;
	background: var(--color-accent) !important;
	color: var(--color-white) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	padding: 14px !important;
	border-radius: var(--radius-sm) !important;
	width: 100% !important;
	max-width: none !important;
	height: 60px !important;
	box-shadow: none !important;
}

.exform-wrapper .input-item.mf-submit {
	margin: 0 !important;
}
.exform-wrapper .mf-submit .send-btn:hover {
	background: var(--color-accent-dark) !important;
}

.exform-wrapper .policy {
	max-width: none !important;
	text-align: left !important;
	font-size: 12px !important;
	color: var(--color-text-secondary) !important;
	margin-top: 16px !important;
}

.exform-wrapper .policy a {
	color: var(--color-text-secondary) !important;
}

.exform-wrapper .close-btn {
	width: 43px !important;
	height: 43px !important;
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	opacity: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='presentation' class='t-popup__close-icon' width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg stroke='none' stroke-width='1' fill='%23000' fill-rule='evenodd'%3e%3crect transform='translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) ' x='10.3137085' y='-3.6862915' width='2' height='30'%3e%3c/rect%3e%3crect transform='translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) ' x='10.3137085' y='-3.6862915' width='2' height='30'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
	background-size: 23px 23px;
    border: none;
    cursor: pointer;
}

.exform-wrapper .close-btn:hover {
	opacity: 1;
}

.exform-bg {
	background-color: rgba(0,0,0,.6) !important;
	opacity: 1 !important;
}

/* Кнопка вызова плавающего виджета (стандартная разметка exform: .btn_fix_aweb) */
.btn_fix_aweb {
	background: var(--color-accent) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.btn_fix_aweb:hover {
	background: var(--color-accent-dark) !important;
}

/* Инлайн-форма (шорткод) не является попапом — убираем лишние отступы попапа */
.callback-form__mount .exform-wrapper.callback_wrap {
	box-shadow: none !important;
	padding: 0 !important;
}