/* wp-login.php branding — ReelBigFish.info classic */

:root {
	--rbf-bg: #606060;
	--rbf-panel-body: #4a4a4a;
	--rbf-panel-border: #727272;
	--rbf-text: #e6e6e6;
	--rbf-text-muted: #b3b3b3;
	--rbf-accent: #f5a623;
	--rbf-accent-soft: #f5b74e;
}

html, body.login {
	background: var(--rbf-bg) !important;
	color: var(--rbf-text);
	font-family: Arial, Helvetica, sans-serif;
}

body.login {
	background-image: none !important;
}

#login {
	width: 360px;
	padding: 6vh 0 20px;
}

/* replace default WP logo with our graffiti logo */
body.login h1 a {
	background-image: url('../img/logo.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 260px !important;
	height: 160px !important;
	margin: 0 auto 10px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	filter: drop-shadow(0 3px 4px rgba(0,0,0,.45));
}

/* main login card */
.login form {
	background: var(--rbf-panel-body) !important;
	border: 1px solid var(--rbf-panel-border) !important;
	border-radius: 8px;
	box-shadow: none;
	margin-top: 10px;
	padding: 22px 22px 18px;
	color: var(--rbf-text);
}

.login form .input,
.login input[type="text"],
.login input[type="email"],
.login input[type="password"] {
	background: #3a3a3a !important;
	color: var(--rbf-text) !important;
	border: 1px solid #727272 !important;
	border-radius: 4px !important;
	padding: 10px 12px !important;
	font-size: 15px !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.4) !important;
}
.login input:focus {
	outline: none !important;
	border-color: var(--rbf-accent) !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.4), 0 0 0 2px rgba(245,166,35,.25) !important;
}

.login label {
	color: var(--rbf-text) !important;
	font-size: 13px;
	font-weight: 700;
}

/* password toggle button */
.login .button.wp-hide-pw {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--rbf-text-muted) !important;
}
.login .button.wp-hide-pw:hover { color: #fff !important; }

/* remember me row + links */
.login .forgetmenot { color: var(--rbf-text-muted); }
.login p.submit { margin-bottom: 0; }

.login #nav,
.login #backtoblog {
	text-align: center;
	padding: 10px 0 0;
	text-shadow: none;
}
.login #nav a,
.login #backtoblog a {
	color: var(--rbf-text-muted) !important;
	text-decoration: none;
	font-size: 13px;
}
.login #nav a:hover,
.login #backtoblog a:hover {
	color: var(--rbf-accent-soft) !important;
	text-decoration: underline;
}

/* primary button */
.login .button-primary,
.wp-core-ui .button-primary {
	background: linear-gradient(180deg, #ffc766 0%, #f5a623 55%, #d48a10 100%) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 700 !important;
	letter-spacing: .5px !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.5) !important;
	padding: 8px 18px !important;
	font-size: 14px !important;
	border-radius: 6px !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.45),
		inset 0 -2px 0 rgba(0,0,0,.15),
		0 2px 4px rgba(0,0,0,.4) !important;
	height: auto !important;
	line-height: 1.3 !important;
	text-transform: lowercase !important;
}
.login .button-primary:hover,
.wp-core-ui .button-primary:hover {
	background: linear-gradient(180deg, #9a9a9a 0%, #7a7a7a 55%, #5c5c5c 100%) !important;
	color: #fff !important;
}

/* messages */
.login .message,
.login #login_error,
.login .notice {
	background: rgba(0,0,0,.2) !important;
	border: 1px solid var(--rbf-panel-border) !important;
	border-left: 4px solid var(--rbf-accent) !important;
	color: var(--rbf-text) !important;
	border-radius: 4px;
	padding: 10px 14px;
	box-shadow: none !important;
}
.login #login_error { border-left-color: #e05a5a !important; }
.login .rbf-login-note a {
	color: var(--rbf-accent-soft) !important;
	text-decoration: underline;
}
.login .rbf-login-note a:hover { color: #fff !important; }

/* language switcher / privacy notice at the very bottom */
.login .language-switcher { color: var(--rbf-text-muted); margin-top: 12px; }
.login .privacy-policy-page-link { text-align: center; margin-top: 10px; }
.login .privacy-policy-page-link a { color: var(--rbf-text-muted); }