/**
 * Password Strength Meter Styles
 *
 * @package WP_Pass_Security
 */

.wp-pass-security-counter {
	margin: 10px 0;
	font-weight: bold;
	color: #444;
	font-size: 14px;
}

.wp-pass-security-requirements {
	display: flex;
    flex-direction: column;
	margin: 10px 0;
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.wp-pass-security-requirement {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 10px;
	font-size: 13px;
	color: #999;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	transition: all 0.3s ease;
}

.wp-pass-security-requirement.met {
	color: #28a745;
	border-color: #28a745;
	background-color: #f0f8f4;
}


@media (max-width: 768px) {
	.wp-pass-security-requirement {
		display: block;
		margin-bottom: 8px;
	}
}