/* MMV Pass: paywall card, sign-in buttons, account page. Inherits the theme's fonts. */
.mmvp-card {
	--mmvp-accent: #c2410c;
	--mmvp-bg: #fffaf3;
	--mmvp-ink: #1f1a14;
	--mmvp-muted: #6b6257;
	--mmvp-line: #e8dccb;
	box-sizing: border-box;
	max-width: 520px;
	margin: 2em auto;
	padding: 28px 24px;
	border: 1px solid var(--mmvp-line);
	border-radius: 14px;
	background: var(--mmvp-bg);
	color: var(--mmvp-ink);
	text-align: center;
}
.mmvp-card.mmvp-compact { margin: 1em 0; padding: 18px; max-width: none; }
.mmvp-lock { color: var(--mmvp-accent); }
.mmvp-title { margin: .3em 0 .4em; font-size: 1.25em; line-height: 1.3; color: inherit; }
.mmvp-desc { margin: 0 0 1em; color: var(--mmvp-muted); }
.mmvp-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 1em 0 .5em; }
.mmvp-btn {
	display: inline-block;
	padding: .7em 1.3em;
	border-radius: 999px;
	border: 1px solid var(--mmvp-line, #ccc);
	background: #fff;
	color: #1f1a14 !important;
	text-decoration: none !important;
	font-weight: 600;
	line-height: 1.2;
}
.mmvp-btn.mmvp-primary { background: var(--mmvp-accent, #c2410c); border-color: transparent; color: #fff !important; }
.mmvp-btn:hover { filter: brightness(1.05); }
.mmvp-note { padding: .6em .8em; border-radius: 8px; background: #ecfdf5; color: #065f46; }
.mmvp-test { margin-top: 1em; font-size: .85em; color: #92400e; }
.mmvp-fine { font-size: .9em; color: var(--mmvp-muted, #6b6257); }
.mmvp-owned { font-weight: 600; color: #047857; }

.mmvp-signin { display: grid; gap: 8px; max-width: 320px; margin: 12px auto; }
.mmvp-or { display: flex; align-items: center; gap: 10px; font-size: .85em; color: #6b6257; margin: 6px 0 2px; }
.mmvp-or::before, .mmvp-or::after { content: ""; flex: 1; border-top: 1px solid #e5e5e5; }
.mmvp-idp {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px 14px;
	border: 1px solid #dadce0;
	border-radius: 6px;
	background: #fff;
	color: #1f1f1f !important;
	font-weight: 500;
	text-decoration: none !important;
	font-size: 15px;
	line-height: 1.2;
}
.mmvp-idp:hover { background: #f8f9fa; }
.mmvp-idp-apple { background: #000; border-color: #000; color: #fff !important; }
.mmvp-idp-apple:hover { background: #222; }

.mmvp-account h3 { margin-top: 1.4em; }
.mmvp-list { list-style: none; padding: 0; }
.mmvp-list li { padding: 6px 0; border-bottom: 1px solid #eee; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.mmvp-linkbtn { background: none; border: 0; padding: 0; color: #b91c1c; cursor: pointer; text-decoration: underline; font: inherit; }
.mmvp-loginbox { max-width: 360px; }

/* wp-login.php */
.login .mmvp-signin { margin: 0 0 16px; max-width: none; }
.login form .mmvp-signin { clear: both; padding-top: 16px; }


/* [mmv_support] help page */
.mmvp-support { max-width: 640px; }
.mmvp-faq li { margin: .4em 0; }
.mmvp-form { position: relative; display: grid; gap: 12px; }
.mmvp-form label { display: grid; gap: 4px; font-weight: 600; }
.mmvp-form select, .mmvp-form textarea, .mmvp-form input[type=email] { font: inherit; font-weight: 400; padding: 8px; border: 1px solid #ccc; border-radius: 6px; width: 100%; box-sizing: border-box; }
.mmvp-form .mmvp-btn { justify-self: start; cursor: pointer; }

/* [mmv_account] sign-in, sign-up and profile forms */
.mmvp-account { max-width: 520px; }
.mmvp-auth .mmvp-signin { margin: 12px 0; max-width: none; }
.mmvp-panel { margin: 0 0 1.2em; }
details.mmvp-panel { padding: .6em 0; border-top: 1px solid #e5e5e5; }
details.mmvp-panel > summary { cursor: pointer; font-weight: 600; }
details.mmvp-panel > form { margin-top: .8em; }
.mmvp-acct-form { margin: .6em 0 1em; }
.mmvp-form input[type=text], .mmvp-form input[type=password] { font: inherit; font-weight: 400; padding: 8px; border: 1px solid #ccc; border-radius: 6px; width: 100%; box-sizing: border-box; }
.mmvp-form label.mmvp-check { display: flex; gap: 8px; align-items: center; font-weight: 400; }
.mmvp-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 480px) { .mmvp-row { grid-template-columns: 1fr; } }
.mmvp-error { padding: .6em .8em; border-radius: 8px; background: #fef2f2; color: #991b1b; }
.mmvp-linkbtn-plain { color: inherit; }