/* ============================================================
   login.css — стили страницы входа в библиотеку протоколов
   ============================================================ */

@charset "UTF-8";
@charset "UTF-8"; @font-face {
	font-family: 'BebasNeueBook';
	src: url('../fonts/BebasNeueBook/BebasNeueBook.eot');
	src: url('../fonts/BebasNeueBook/BebasNeueBook.eot') format('embedded-opentype'), 
	url('../fonts/BebasNeueBook/BebasNeueBook.woff') format('woff'), 
	url('../fonts/BebasNeueBook/BebasNeueBook.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

:root {
	--lib-header: #3E4F3D;
	--lib-sidebar: #122613;
	--lib-content: #EDE8CB;
	--lib-accent: #C9A227;
	--lib-text: #1F2A1F;
}
/* Тёмно-зелёный экран на всю высоту, контент центрируется */
.lib-login {
		/* font-family: BebasNeueBook; */
		flex-direction: column;
		min-height: 100vh;
	/* основной цвет и лёгкая текстура поверх фона */
		background-color: #3a5a40;
		color: #fff;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background-image: url(../img/texture.png);
}
#title{
	font-family: BebasNeueBook;
}

form input {
	border: 1px solid #122613 !important;
	background-color: #fff !important;
	color: #122613 !important;
	box-shadow: none !important;
}


.lib-login-center {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: -60px 0 0 0;
	width: 400px;
}

/* Иконка отпечатка над заголовком */
.lib-login-icon {
	font-size: 3.2rem;
	opacity: .85;
	margin-bottom: 4px;
}

.lib-login-title {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 28px;
	text-transform: uppercase;
}

.lib-login-alert {
	width: 100%;
	max-width: 600px;
}

/* Форма: поля и кнопка выстроены по центру */
.lib-login-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

#submit{
	background-color:#1d3a1d;
	color:#fff;
	width: 130px;
}

/* Поля-«плашки»: белые, высокие, без скруглений */
.lib-login-input {
	width: 100%;
	max-width: 600px;
	height: 60px;
	font-size: 1.05rem;
	border: 0;
	border-radius: 0;
	margin-bottom: 24px;
}

.lib-login-input:focus {
	box-shadow: none;
}

/* Кнопка «Войти»: темнее фона, как на макете */
.lib-login-btn {
	min-width: 170px;
	padding: 14px 32px;
	font-size: 1.05rem;
	background-color: var(--lib-sidebar);
	color: #fff;
	border: 0;
	border-radius: 0;
}

.lib-login-btn:hover {
	background-color: #1b3a1c;
	color: #fff;
}

/* Подвал, прижатый к низу экрана */
.lib-login-footer {
	background-color: var(--lib-sidebar);
	padding: 0px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../img/grettings-pattern.png);
}

.lib-login-copy {
	font-size: 1.05rem;
}

.lib-login-cert {
	color: #dfe7df;
	text-decoration: none;
	font-size: .95rem;
}

.lib-login-cert:hover {
	color: #fff;
	text-decoration: underline;
}
