/**
 * Resident portal login page ([amgt_login]) — mobile and tablet layout.
 * Loaded only on the configured login page (see settings.php). Body class: amgt-portal-login-page.
 */
body.amgt-portal-login-page {
	overflow-x: hidden;
}

body.amgt-portal-login-page .registration_form_custom_div.custom_login_form {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

body.amgt-portal-login-page .modern-login-container {
	width: 100%;
	max-width: 420px;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

body.amgt-portal-login-page .modern-login-container .login-copyright p {
	color: #5f6368 !important;
}

/* Block themes: allow main column to shrink inside flex layout */
body.amgt-portal-login-page .wp-site-blocks {
	min-width: 0 !important;
}

body.amgt-portal-login-page .wp-site-blocks > main,
body.amgt-portal-login-page main.wp-block-group {
	min-width: 0 !important;
	max-width: 100% !important;
}

@media (max-width: 1024px) {
	body.amgt-portal-login-page .registration_form_custom_div.custom_login_form {
		margin-top: 0 !important;
		padding-left: max(20px, env(safe-area-inset-left, 0px)) !important;
		padding-right: max(20px, env(safe-area-inset-right, 0px)) !important;
	}

	body.amgt-portal-login-page .modern-login-container {
		padding: 36px 28px !important;
	}
}

@media (max-width: 782px) {
	body.amgt-portal-login-page .registration_form_custom_div.custom_login_form {
		padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
		padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
		padding-top: 16px !important;
		padding-bottom: 32px !important;
	}

	body.amgt-portal-login-page .modern-login-container {
		padding: 28px 22px !important;
	}

	body.amgt-portal-login-page .modern-login-heading h2 {
		font-size: 24px !important;
	}
}

@media (max-width: 480px) {
	body.amgt-portal-login-page .modern-login-container {
		padding: 24px 16px !important;
		max-width: 100% !important;
		border-radius: 8px !important;
	}

	body.amgt-portal-login-page .modern-login-heading h2 {
		font-size: 22px !important;
	}

	body.amgt-portal-login-page #loginform .login-username input,
	body.amgt-portal-login-page #loginform .login-password input {
		height: 52px !important;
		font-size: 16px !important; /* avoids iOS zoom on focus */
	}
}