/* =============================================
   Paint it Black — MemberPress Overrides
   Dark theme v2 adapted.
   ============================================= */

/* ---- Typography ---- */
.mepr-login-form,
.mepr-signup-form,
.mepr-account-container {
	font-family: var(--mic-font-body);
	color: var(--mic-text-secondary);
}

/* ---- Form fields (dark bg) ---- */
.mepr-login-form input[type="text"],
.mepr-login-form input[type="email"],
.mepr-login-form input[type="password"],
.mepr-signup-form input[type="text"],
.mepr-signup-form input[type="email"],
.mepr-signup-form input[type="password"],
.mepr-signup-form select,
.mepr-signup-form textarea {
	font-family: var(--mic-font-body);
	font-size: var(--mic-text-base);
	border: 1px solid var(--mic-border);
	border-radius: var(--mic-radius-md);
	padding: var(--mic-space-3) var(--mic-space-4);
	background: var(--mic-bg-card);
	color: var(--mic-text-primary);
	transition: border-color var(--mic-transition-fast), box-shadow var(--mic-transition-fast);
}

.mepr-login-form input[type="text"]:focus,
.mepr-login-form input[type="email"]:focus,
.mepr-login-form input[type="password"]:focus,
.mepr-signup-form input[type="text"]:focus,
.mepr-signup-form input[type="email"]:focus,
.mepr-signup-form input[type="password"]:focus {
	border-color: var(--mic-purple);
	box-shadow: 0 0 0 3px var(--mic-purple-glow);
	outline: none;
}

/* ---- Labels ---- */
.mepr-login-form label,
.mepr-signup-form label {
	font-family: var(--mic-font-body);
	font-size: var(--mic-text-sm);
	font-weight: var(--mic-font-medium);
	color: var(--mic-text-secondary);
}

/* ---- Submit buttons ---- */
.mepr-submit,
.mepr-login-form input[type="submit"],
.mepr-signup-form input[type="submit"] {
	background: var(--mic-yellow);
	color: var(--mic-black);
	border: 2px solid var(--mic-yellow);
	border-radius: var(--mic-radius-md);
	font-family: var(--mic-font-body);
	font-weight: var(--mic-font-semibold);
	font-size: var(--mic-text-base);
	padding: var(--mic-space-3) var(--mic-space-6);
	cursor: pointer;
	transition: all var(--mic-transition-normal);
}

.mepr-submit:hover,
.mepr-login-form input[type="submit"]:hover,
.mepr-signup-form input[type="submit"]:hover {
	background: var(--mic-yellow-hover);
	border-color: var(--mic-yellow-hover);
	box-shadow: 0 4px 14px var(--mic-yellow-glow);
	transform: translateY(-1px);
}

/* ---- Account page navigation (dark bg) ---- */
.mepr-account-container .mepr-nav {
	border-bottom: 1px solid var(--mic-border-subtle);
	margin-bottom: var(--mic-space-6);
}

.mepr-account-container .mepr-nav-item a {
	font-family: var(--mic-font-body);
	font-weight: var(--mic-font-medium);
	color: var(--mic-text-muted);
	padding: var(--mic-space-3) var(--mic-space-4);
	border-bottom: 2px solid transparent;
	transition: all var(--mic-transition-fast);
}

.mepr-account-container .mepr-nav-item a:hover {
	color: var(--mic-text-primary);
	border-bottom-color: var(--mic-border);
}

.mepr-account-container .mepr-nav-item.mepr-active a {
	color: var(--mic-text-primary);
	border-bottom-color: var(--mic-yellow);
	font-weight: var(--mic-font-semibold);
}

/* ---- Account tables (dark bg) ---- */
.mepr-account-container table {
	border-radius: var(--mic-radius-lg);
	overflow: hidden;
	border-color: var(--mic-border-subtle);
}

.mepr-account-container table th {
	font-family: var(--mic-font-body);
	font-weight: var(--mic-font-semibold);
	font-size: var(--mic-text-sm);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--mic-text-muted);
	background: var(--mic-bg-card);
	border-color: var(--mic-border-subtle);
}

.mepr-account-container table td {
	font-family: var(--mic-font-body);
	border-color: var(--mic-border-subtle);
	color: var(--mic-text-secondary);
}

/* ---- Pricing table (dark bg) ---- */
.mepr-pricing-table .mepr-price-menu {
	border-radius: var(--mic-radius-lg);
	box-shadow: var(--mic-shadow-card);
	border: 1px solid var(--mic-border-subtle);
	background: var(--mic-bg-card);
	transition: all var(--mic-transition-normal);
	overflow: hidden;
}

.mepr-pricing-table .mepr-price-menu:hover {
	box-shadow: var(--mic-shadow-card-hover);
	transform: translateY(-2px);
}

.mepr-pricing-table .mepr-price-menu .mepr-price-menu-title {
	font-family: var(--mic-font-display);
	font-weight: var(--mic-font-bold);
	color: var(--mic-text-primary);
}

.mepr-pricing-table .mepr-price-menu .mepr-price-menu-price {
	font-family: var(--mic-font-display);
	font-weight: var(--mic-font-extrabold);
	color: var(--mic-text-primary);
}

.mepr-pricing-table .mepr-price-menu .mepr-price-menu-button a {
	background: var(--mic-yellow);
	color: var(--mic-black);
	border-radius: var(--mic-radius-md);
	font-family: var(--mic-font-body);
	font-weight: var(--mic-font-semibold);
	transition: all var(--mic-transition-normal);
}

.mepr-pricing-table .mepr-price-menu .mepr-price-menu-button a:hover {
	background: var(--mic-yellow-hover);
	box-shadow: 0 4px 14px var(--mic-yellow-glow);
}

/* ---- Error messages (dark bg) ---- */
.mepr_error {
	background: var(--mic-error-bg);
	border: 1px solid rgba(197, 47, 47, 0.2);
	color: var(--mic-error);
	border-radius: var(--mic-radius-md);
	font-family: var(--mic-font-body);
	padding: var(--mic-space-3) var(--mic-space-4);
}

/* ---- Success messages (dark bg) ---- */
.mepr_updated {
	background: var(--mic-success-bg);
	border: 1px solid rgba(16, 185, 129, 0.2);
	color: var(--mic-success);
	border-radius: var(--mic-radius-md);
	font-family: var(--mic-font-body);
	padding: var(--mic-space-3) var(--mic-space-4);
}