/*  ==================================================================
   LOGIN SEITE CSS – semera.ch
   ================================================================== */

body.login {
	background: #F6F9FA; /* Fallback */
	background: -moz-linear-gradient(-45deg, #F6F9FA 0%, #BED8DD 100%);
	background: -webkit-linear-gradient(-45deg, #F6F9FA 0%, #BED8DD 100%);
	background: linear-gradient(135deg, #F6F9FA 0%, #BED8DD 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F9FA', endColorstr='#BED8DD', GradientType=1);
}

/* Logo */
.login h1 a { 
	background-image: url('../img/Logo_Text-dark.svg');
	background-size: 320px 100px;
	width: 320px;
	height: 100px;
	border-radius: 4px;
}

/* Formularbox */
.login form {
	background: rgba(255, 255, 255, 0.85);
	border-top: 5px solid #F0A82A; /* Akzentgelb */
	margin-top: 50px;
	box-shadow: 0 8px 20px rgba(31, 44, 48, 0.15);
	border-radius: 4px;
	padding: 26px 24px 34px;
}

/* Texte & Links */
.login #backtoblog a,
.login #nav a,
.login label {
	color: #1F2C30;
}

.login #backtoblog a:hover,
.login #nav a:hover {
	color: #F0A82A;
}

/* Inputs */
.login form .input,
.login form input[type=checkbox],
.login input[type=text] {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #BED8DD;
	color: #1F2C30;
	border-radius: 4px;
}
.login form .input:focus,
.login input[type=text]:focus {
	border-color: #F0A82A;
	box-shadow: 0 0 0 1px #F0A82A;
}

/* Checkbox */
.login form input[type=checkbox] {
	border-color: #BED8DD;
	border-radius: 4px;
}

/* Login-Button */
.login .button-primary {
	background: #1F2C30;
	border: none;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: none;
	border-radius: 4px;
	font-weight: 600;
	padding: 0 24px;
	line-height: 32px;
	transition: all 0.2s ease;
}
.login .button-primary:hover,
.login .button-primary:focus {
	background: #F0A82A;
	color: #1F2C30;
}

/* Meldungen */
.login .message,
.login .notice,
.login .success {
	background: #F0A82A;
	color: #1F2C30;
	border: none;
	font-weight: 500;
	border-radius: 4px;
}

/* Navigation unten */
.login #backtoblog,
.login #nav {
	text-align: center;
	margin-top: 20px;
}

/* Allgemeine Kanten */
.login form input,
.login input[type=text],
.login .button-primary,
.login h1 a {
	border-radius: 4px !important;
}