/* FREECLOTHES — wp-login.php in de FREECLOTHES-stijl (zwart-wit, neo-brutalist). */

body.login{
	background:#faf8f3;
	background-image:radial-gradient(#f0ece4 1.4px, transparent 1.4px);
	background-size:18px 18px;
	font-family:'Space Grotesk', system-ui, -apple-system, sans-serif;
	color:#0a0a0a;
}

/* Logo bovenaan — vervangt het WordPress-logo door jullie logo (via login_headertext/url + CSS) */
body.login #login h1 a,
body.login .login h1 a{
	background-image:none !important;
	width:auto; height:auto;
	text-indent:0; overflow:visible;
	font-family:'Archivo', sans-serif; font-weight:900; font-size:30px; letter-spacing:-1px;
	color:#0a0a0a; line-height:1; text-decoration:none;
	display:inline-flex; align-items:center; gap:0;
}
/* Als er een beeld-logo is, tonen we dat (ingesteld via PHP als achtergrond op .fc-login-logo) */
body.login .fc-login-logo{
	display:block; width:84px; height:84px; margin:0 auto 4px;
	background-size:contain; background-repeat:no-repeat; background-position:center;
	border-radius:50%;
}

#login{ width:340px; padding-top:6% }

/* De kaart */
body.login #loginform,
body.login #registerform,
body.login #lostpasswordform,
body.login .login form{
	background:#fff;
	border:3px solid #0a0a0a;
	box-shadow:8px 8px 0 #0a0a0a;
	border-radius:0;
	padding:26px 24px;
	margin-top:18px;
}

/* Labels + velden */
body.login form label{
	font-weight:700; font-size:14px; color:#0a0a0a;
}
body.login input[type=text],
body.login input[type=password],
body.login input[type=email]{
	border:2.5px solid #0a0a0a !important;
	border-radius:0 !important;
	box-shadow:none !important;
	font-size:15px; padding:10px 12px;
	background:#fff; color:#0a0a0a;
}
body.login input[type=text]:focus,
body.login input[type=password]:focus,
body.login input[type=email]:focus{
	border-color:#0a0a0a !important;
	box-shadow:3px 3px 0 #d6ff3f !important;
	outline:none;
}

/* De grote knop */
body.login .button-primary,
body.login #wp-submit{
	background:#d6ff3f !important;
	color:#0a0a0a !important;
	border:3px solid #0a0a0a !important;
	border-radius:0 !important;
	box-shadow:5px 5px 0 #0a0a0a !important;
	font-family:'Archivo', sans-serif; font-weight:900 !important;
	text-transform:uppercase; letter-spacing:.3px;
	text-shadow:none !important;
	padding:8px 20px !important; height:auto !important;
	transition:transform .1s, box-shadow .1s;
	float:none !important; width:100%;
}
body.login .button-primary:hover,
body.login #wp-submit:hover{ background:#d6ff3f !important; }
body.login .button-primary:active,
body.login #wp-submit:active{
	transform:translate(5px,5px); box-shadow:0 0 0 #0a0a0a !important;
}

/* "Onthoud mij" + verzendrij netjes */
body.login .forgetmenot{ font-weight:600 }
body.login .submit{ margin-top:6px }

/* Links onder het formulier */
body.login #nav,
body.login #backtoblog{
	text-align:center; margin-top:16px;
}
body.login #nav a,
body.login #backtoblog a{
	color:#0a0a0a !important; font-weight:600; font-size:13px;
	text-decoration:none; border-bottom:2px solid #d6ff3f;
}
body.login #nav a:hover,
body.login #backtoblog a:hover{ color:#0a0a0a !important; border-bottom-color:#0a0a0a; }

/* Meldingen (fouten/successen) in stijl */
body.login #login_error,
body.login .message,
body.login .success{
	border:2.5px solid #0a0a0a !important;
	border-radius:0 !important;
	box-shadow:4px 4px 0 #0a0a0a;
	background:#fff; color:#0a0a0a;
	font-weight:600;
	border-left-width:6px !important;
}
body.login #login_error{ border-left-color:#a32d2d !important; }
body.login .message{ border-left-color:#d6ff3f !important; }

/* Taal-switcher en privacy-link onopvallend */
body.login .language-switcher{ text-align:center }
body.login .privacy-policy-page-link a{ color:#6b6b68 !important }

/* Mobiel */
@media(max-width:420px){
	#login{ width:92%; }
	body.login #loginform,
	body.login #registerform,
	body.login #lostpasswordform{ box-shadow:5px 5px 0 #0a0a0a; }
}