/**
 * Membership Password Access — Frontend Styles
 *
 * @since 1.0.0
 */

/* ---- Form Wrapper ---- */
.membership-password-form-wrap {
	margin: 1.5em 0;
	padding: 1.5em;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 8px;
}

.membership-password-form-wrap h3 {
	margin: 0 0 0.4em;
	font-size: 1.1em;
}

.membership-password-description {
	margin: 0 0 1em;
	color: #555;
	font-size: 0.92em;
}

/* ---- Input + Button Row ---- */
.membership-password-field {
	display: flex;
	gap: 0.5em;
	flex-wrap: wrap;
}

.membership-password-field input[type="password"] {
	flex: 1 1 200px;
	padding: 0.6em 0.8em;
	font-size: 1em;
	border: 1px solid #ced4da;
	border-radius: 6px;
	outline: none;
	transition: border-color 0.2s;
}

.membership-password-field input[type="password"]:focus {
	border-color: #4a90d9;
	box-shadow: 0 0 0 2px rgba(74, 144, 217, 0.15);
}

.membership-password-submit {
	padding: 0.6em 1.6em;
	font-size: 1em;
	font-weight: 600;
	color: #fff;
	background: #4a90d9;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.2s;
	white-space: nowrap;
}

.membership-password-submit:hover,
.membership-password-submit:focus {
	background: #357abd;
}

/* ---- Notices ---- */
.membership-password-notice {
	margin: 0 0 1em;
	padding: 0.7em 1em;
	border-radius: 6px;
	font-size: 0.92em;
}

.membership-password-error {
	background: #fce4e4;
	border: 1px solid #f5c6cb;
	color: #842029;
}

.membership-password-success {
	background: #d1e7dd;
	border: 1px solid #badbcc;
	color: #0f5132;
}