/* =========== © 2024 Centroarts.com =========== */

/* - Login - */
.modal-login .modal-cont { padding: var(--drop-gap) 0 0 0; }

.login-form { padding: var(--drop-gap); padding-top: 0; }
.login-lost-link { margin-top: 16px; }
.login-lost-link a { padding: 8px 0; }

.login-form .btn, .login-form a, .login-social { user-select: none; }

.login-social {
	border-top: 1px solid rgba(var(--text-color-rgb),0.1);
	padding: var(--drop-gap);
}
.login-social-title { font-size: inherit; margin-bottom: 16px; }
.login-social-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }

.soc-item {
	display: flex; align-items: center; justify-content: center;
	height: 48px; padding: 6px; border-radius: var(--field-radius); overflow: hidden; position: relative; z-index: 1;
}
.soc-item svg { width: 32px; height: 32px; position: relative; z-index: 1; }
.soc-item::after {
	content: ""; border-radius: inherit; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;
	opacity: .1; transition: opacity .2s ease;
}
.soc-item:hover::after { opacity: .2; }

.soc-yandex { color: #FC3F1D !important; }
.soc-vk { color: #0277FF !important; }
.soc-ok { color: #F77B20 !important; }
.soc-mail { color: #015FF9 !important; }

.soc-yandex::after { background-color: #FC3F1D; }
.soc-vk::after { background-color: #0277FF; }
.soc-ok::after { background-color: #F77B20; }
.soc-mail::after { background-color: #015FF9; }
.soc-google::after { background-color: #A1A1B5; }