/* עמוד כניסה עצמאי (שורטקוד, ראו class-farm-hub-auth.php) - קובץ CSS
   עצמאי משלו, לא תלוי ב-farm-hub-design-tokens.css (שנטען רק בלוח
   הבקרה) - כדי שהצד הקדמי של האתר לא ייצור תלות בתשתית לוח הבקרה.
   משתני צבע משוכפלים בכוונה (לא import) - אותם ערכים בדיוק כמו
   --fh-color-primary/--fh-color-danger-text בdesign-tokens.css, כדי
   שהמראה יישאר עקבי עם שאר המערכת. */
.fh-login-card {
	max-width: 360px;
	margin: 40px auto;
	padding: 28px 24px;
	background: #FFFFFF;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.08 );
	box-sizing: border-box;
	font-family: inherit;
}

.fh-login-error {
	margin: 0 0 16px;
	padding: 10px 14px;
	background: #FDEDED;
	color: #B3261E;
	border-radius: 8px;
	font-size: 14px;
}

.fh-login-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 0 16px;
}

.fh-login-field label {
	font-size: 14px;
	font-weight: 600;
	color: #1E293B;
}

.fh-login-field input {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	font-size: 16px;
	border: 1px solid #CBD5E1;
	border-radius: 8px;
}

.fh-login-field input:focus {
	outline: none;
	border-color: #2E7D32;
	box-shadow: 0 0 0 2px rgba( 46, 125, 50, 0.15 );
}

.fh-password-wrap {
	position: relative;
	display: block;
}

.fh-password-wrap input {
	padding-left: 40px;
}

.fh-password-toggle {
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY( -50% );
	background: none;
	border: none;
	padding: 4px;
	margin: 0;
	color: #64748B;
	cursor: pointer;
	line-height: 0;
}

.fh-password-toggle:hover {
	color: #1E293B;
}

.fh-eye-icon-hide {
	display: none;
}

.fh-password-toggle.is-visible .fh-eye-icon-show {
	display: none;
}

.fh-password-toggle.is-visible .fh-eye-icon-hide {
	display: block;
}

.fh-login-submit {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 12px;
	background: #2E7D32;
	color: #FFFFFF;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.fh-login-submit:hover {
	background: #276029;
	color: #FFFFFF;
}

.fh-login-link {
	margin-top: 12px;
}

/* מסך צר - פחות שוליים חיצוניים, כך שהכרטיס לא נדחס מדי בטלפון. */
@media ( max-width: 480px ) {
	.fh-login-card {
		margin: 20px 16px;
		padding: 22px 18px;
	}
}