/*
 * Ecstatic Temple skin for Paid Memberships Pro.
 *
 * PMP 3.x is CSS-variable driven — its whole look flows from five brand
 * variables it prints inline (#pmpro_colors). We remap those onto the ET
 * palette (defined globally in the theme's et-components.css), scoped to the
 * `.pmpro` wrapper so it always wins over PMP's :root defaults, then add a few
 * typography + shape touches so the levels / checkout / account / restriction
 * screens read as Ecstatic Temple rather than stock PMP navy.
 */

.pmpro {
	--pmpro--color--base: var(--et-warm-white, #fffdf9);
	--pmpro--color--contrast: var(--et-ink, #2b2420);
	--pmpro--color--accent: var(--et-accent, #b85c38);
	--pmpro--color--accent--variation: var(--et-clay-deep, #9a4a2c);
	--pmpro--color--border--variation: var(--et-border, #e2d4c1);
	color: var(--et-ink, #2b2420);
}

/* Headings in Fraunces, like the rest of the site. */
.pmpro h1,
.pmpro h2,
.pmpro h3,
.pmpro .pmpro_card_title,
.pmpro .pmpro_level-name {
	font-family: Fraunces, Georgia, serif;
	color: var(--et-ink, #2b2420);
}

/* Body copy in Figtree. */
.pmpro,
.pmpro p,
.pmpro label,
.pmpro .pmpro_card_content {
	font-family: Figtree, system-ui, sans-serif;
}

/* Buttons → ET clay pills (mirrors .et-cta). */
.pmpro .pmpro_btn,
.pmpro input[type="submit"],
.pmpro button[type="submit"] {
	font-family: Figtree, system-ui, sans-serif;
	font-weight: 600;
	border: 0;
	border-radius: 999px;
	padding: .72rem 1.6rem;
	background: var(--et-accent, #b85c38);
	color: var(--et-warm-white, #fffdf9);
}
.pmpro .pmpro_btn:hover,
.pmpro input[type="submit"]:hover,
.pmpro button[type="submit"]:hover {
	background: var(--et-accent-soft, #e3a24a);
	color: var(--et-ink, #2b2420);
}

/* Cards + level table → soft ET surface, warm border, gentle radius. */
.pmpro .pmpro_card,
.pmpro .pmpro_table {
	background: var(--et-warm-white, #fffdf9);
	border: 1px solid var(--et-border, #e2d4c1);
	border-radius: 14px;
}
.pmpro .pmpro_levels_table th {
	color: var(--et-ink-muted, #5a4a3e);
	border-bottom: 1px solid var(--et-border, #e2d4c1);
	font-family: Figtree, system-ui, sans-serif;
}
.pmpro .pmpro_level-price {
	color: var(--et-accent, #b85c38);
	font-weight: 600;
}
.pmpro .pmpro_level-expiration {
	color: var(--et-ink-muted, #5a4a3e);
}

/* Form fields. */
.pmpro input[type="text"],
.pmpro input[type="email"],
.pmpro input[type="password"],
.pmpro input[type="tel"],
.pmpro select,
.pmpro textarea {
	border: 1px solid var(--et-border, #e2d4c1);
	border-radius: 8px;
	background: var(--et-warm-white, #fffdf9);
	color: var(--et-ink, #2b2420);
}

/* The "membership required" restriction card. */
.pmpro .pmpro_content_message {
	background: color-mix(in srgb, var(--et-sage, #7e8a6e) 13%, var(--et-warm-white, #fffdf9));
	border: 1px solid color-mix(in srgb, var(--et-sage, #7e8a6e) 38%, var(--et-border, #e2d4c1));
}