/* KF 2026-07-16: модалка входа B1 — кнопки соцвхода + модернизация инпутов/кнопки.
   Скоуп только .reg_modal и .kf-auth-soc, чтобы не течь в остальной сайт. Mobile-first. */

/* ---- соцкнопки: три равные, в рамке, без заливки, официальные логотипы ---- */
.kf-auth-soc{
	display:flex;
	gap:8px;
	margin:12px 0 4px;
}
.kf-auth-soc__btn{
	flex:1;
	min-width:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	height:50px;
	padding:0 6px;
	border:1px solid #dfe4de;
	border-radius:14px;
	background:#fff;
	font-family:'Circe','Blogger Sans',Arial,sans-serif;
	font-weight:700;
	font-size:14px;
	line-height:1;
	color:#1d1d20;
	text-decoration:none;
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
	transition:border-color .18s ease, box-shadow .18s ease, transform .08s ease;
}
@media (hover:hover){
	.kf-auth-soc__btn:hover{
		border-color:#c2ccc3;
		box-shadow:0 4px 14px rgba(31,48,38,.10);
		text-decoration:none;
		color:#1d1d20;
	}
}
.kf-auth-soc__btn:active{transform:translateY(1px) scale(.99)}
.kf-auth-soc__logo{display:inline-flex;align-items:center;flex:none}
.kf-auth-soc__logo svg{display:block;border-radius:6px}
.kf-auth-soc__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:390px){
	.kf-auth-soc__btn{font-size:12.5px;gap:6px;height:48px}
}

/* ---- шрифт модалки ---- */
.reg_modal,
.reg_modal .reg_field label,
.reg_modal .tabs__caption li{
	font-family:'Circe','Blogger Sans',Arial,sans-serif;
}

/* ---- инпуты: 16px (снимает автозум iPhone) + убрать голубую подсветку автозаполнения ---- */
.reg_modal .reg_field input{
	font-size:16px !important;      /* < 16px = Safari зумит страницу при тапе */
	color:#1d1d20;
	font-family:'Circe','Blogger Sans',Arial,sans-serif;
	transition:border-color .18s ease;
}
.reg_modal .reg_field input:focus{
	border-bottom-color:#479855;
	outline:none;
}
/* браузерная голубая заливка автозаполнения — заменяем на белую */
.reg_modal .reg_field input:-webkit-autofill,
.reg_modal .reg_field input:-webkit-autofill:hover,
.reg_modal .reg_field input:-webkit-autofill:focus,
.reg_modal .reg_field input:-webkit-autofill:active{
	-webkit-box-shadow:0 0 0 40px #fff inset !important;
	box-shadow:0 0 0 40px #fff inset !important;
	-webkit-text-fill-color:#1d1d20 !important;
	caret-color:#1d1d20;
	transition:background-color 9999s ease-in-out 0s;
}

/* ---- кнопка «Войти» — современная ---- */
.reg_modal .reg_but{
	margin:24px 0 8px;
	text-align:center;
}
.reg_modal .reg_but input{
	width:100%;
	max-width:300px;
	height:52px;
	padding:0 24px;
	border:0;
	border-radius:13px;
	background:#479855;
	color:#fff;
	font-family:'Circe','Blogger Sans',Arial,sans-serif;
	font-size:16px;
	font-weight:700;
	line-height:52px;
	letter-spacing:.01em;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	box-shadow:0 8px 20px rgba(71,152,85,.26);
	transition:background .18s ease, box-shadow .18s ease, transform .08s ease;
}
@media (hover:hover){
	.reg_modal .reg_but input:hover{
		background:#3c8449;
		box-shadow:0 10px 26px rgba(71,152,85,.32);
	}
}
.reg_modal .reg_but input:active{
	transform:translateY(1px) scale(.99);
	box-shadow:0 4px 12px rgba(71,152,85,.24);
}