/* ==========================================================================
   SMRT Portal — PMPro theming (Step 4)
   Remap PMPro's own CSS variable system to our dark palette so every PMPro
   component (tables, cards, alerts, buttons) inherits correct colors instead
   of chasing individual selectors. Loaded after foundation/shell.
   ========================================================================== */

:root {
	/* Core surfaces & text */
	--pmpro--color--base: var(--smrt-surface-1);        /* card/table background */
	--pmpro--color--base-2: var(--smrt-surface-2);      /* stripes / secondary bg */
	--pmpro--color--white: var(--smrt-surface-1);
	--pmpro--color--contrast: var(--smrt-text);         /* primary text */

	/* Accent -> brand purple */
	--pmpro--color--accent: var(--smrt-accent);
	--pmpro--color--accent--variation: var(--smrt-accent-hover);

	/* Borders */
	--pmpro--color--border: var(--smrt-border);
	--pmpro--color--border--variation: var(--smrt-border);

	/* Radius + shadow to match our system */
	--pmpro--base--border-radius: var(--smrt-radius);
	--pmpro--box-shadow: none;
}

/* ---- Buttons (ensure PMPro buttons use our gradient) -------------------- */
.pmpro_btn,
a.pmpro_btn,
.pmpro_btn-submit {
	background: var(--smrt-gradient) !important;
	border: none !important;
	color: #fff !important;
	border-radius: var(--smrt-radius-sm) !important;
	font-weight: 600;
}
.pmpro_btn.pmpro_btn-plain,
.pmpro_btn-cancel,
a.pmpro_btn-cancel {
	background: transparent !important;
	color: var(--smrt-text) !important;
	border: 1px solid var(--smrt-border) !important;
}
/* "Your Level" (current level) button — distinct from selectable */
.pmpro_levels_table .pmpro_btn[disabled],
.pmpro_levels_table .pmpro_level-current .pmpro_btn {
	opacity: 0.75;
	cursor: default;
}

/* ---- Alerts / messages -------------------------------------------------- */
.pmpro_message,
div.pmpro_message {
	border-radius: var(--smrt-radius-sm) !important;
}