/* Paid Memberships Pro pages (checkout for the card 4-Month Plan, confirmation, account): dark + gold.
   Loaded only on PMPro pages (inc/lms.php). PMPro 3 colours come from CSS variables. */

body.woca-pmpro { background: #080808; }
body.woca-pmpro .pmpro {
	color-scheme: dark; /* PMPro message colours use light-dark() */
	--pmpro--color--accent: #C9A24D;
	--pmpro--color--base: #121212;
	--pmpro--color--base-2: #1a1a1a;
	--pmpro--color--contrast: #E9E6DF;
	--pmpro--color--border: #3a3122;
	--pmpro--color--border--variation: #2a2418;
	--pmpro--base--border-radius: 10px;
	--pmpro--btn--border-radius: 4px;
	--pmpro--box-shadow: none;
	font-family: Inter, sans-serif;
	color: #B9B9B9;
}

/* Page title (Hello theme page header) */
body.woca-pmpro .page-header,
body.woca-pmpro .page-content { max-width: 920px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
body.woca-pmpro .page-header { padding-top: 56px; text-align: center; }
body.woca-pmpro .page-header .entry-title {
	font: 600 46px/1.08 "Cormorant Garamond", Georgia, serif; text-transform: uppercase; letter-spacing: .01em; color: #F7F5F0; margin: 0 0 8px;
}
body.woca-pmpro .page-content { padding-bottom: 96px; }

/* Cards and text */
body.woca-pmpro .pmpro_card { border-radius: 12px; }
body.woca-pmpro .pmpro_card_title,
body.woca-pmpro .pmpro_form_legend .pmpro_form_heading,
body.woca-pmpro .pmpro h2,
body.woca-pmpro .pmpro h3 { font-family: "Cormorant Garamond", Georgia, serif !important; color: #F7F5F0 !important; font-weight: 600; letter-spacing: .01em; }
body.woca-pmpro .pmpro_level_name_text strong,
body.woca-pmpro .pmpro_level_cost_text strong { color: #E1C173; }
body.woca-pmpro .pmpro a { color: #C9A24D; }

/* Fields */
body.woca-pmpro .pmpro_form_label { color: #CFCBC2; font-weight: 500; }
body.woca-pmpro .pmpro_form_input,
body.woca-pmpro .pmpro input[type="text"],
body.woca-pmpro .pmpro input[type="email"],
body.woca-pmpro .pmpro input[type="password"],
body.woca-pmpro .pmpro input[type="tel"],
body.woca-pmpro .pmpro select,
body.woca-pmpro .pmpro .StripeElement {
	background: #0b0b0b !important; color: #F7F5F0 !important; border: 1px solid #3a3122 !important; border-radius: 4px !important; box-shadow: none !important; padding: 12px 14px;
}
body.woca-pmpro .pmpro_form_input:focus,
body.woca-pmpro .pmpro select:focus { border-color: #C9A24D !important; outline: none; }
body.woca-pmpro .pmpro_asterisk abbr { color: #C9A24D; text-decoration: none; }

/* Buttons */
body.woca-pmpro .pmpro_btn,
body.woca-pmpro .pmpro .pmpro_btn-submit-checkout {
	background: #C9A24D; color: #080808; border: 1px solid #C9A24D; font: 600 14px/1 Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; padding: 18px 28px;
}
body.woca-pmpro .pmpro_btn:hover,
body.woca-pmpro .pmpro .pmpro_btn-submit-checkout:hover { background: #E1C173; border-color: #E1C173; color: #080808; }
body.woca-pmpro .pmpro_btn-plain { background: transparent; border: 0; color: #B9B9B9; padding: 0; }
body.woca-pmpro #pmpro_btn-submit { width: 100%; }

/* Required agreements (same box as the WooCommerce / CartFlows checkout) */
.woca-agreements { margin: 18px 0 16px; padding: 16px 18px; border: 1px solid #3a3122; border-radius: 6px; background: #0e0e0e; }
.woca-agreements .woca-agreement { margin: 0 0 10px; padding: 0; }
.woca-agreements .woca-agreement:last-child { margin-bottom: 0; }
.woca-agreements label { display: flex; gap: 10px; align-items: flex-start; color: #CFCBC2; font: 400 13.5px/1.55 Inter, sans-serif; cursor: pointer; }
.woca-agreements input[type="checkbox"] {
	flex: 0 0 auto; width: 18px; height: 18px; min-width: 18px; margin: 1px 0 0; padding: 0;
	-webkit-appearance: none; appearance: none; position: relative; cursor: pointer;
	background: #0a0a0a; border: 1px solid #6F572A; border-radius: 3px;
}
.woca-agreements input[type="checkbox"]:checked { background: #C9A24D; border-color: #C9A24D; }
.woca-agreements input[type="checkbox"]:checked::before {
	content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px;
	border: solid #080808; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.woca-agreements input[type="checkbox"]:focus-visible { outline: 2px solid #E1C173; outline-offset: 2px; }
.woca-agreements a { color: #C9A24D; text-decoration: underline; text-underline-offset: 2px; }
.woca-agreements abbr.required { color: #C9A24D; text-decoration: none; border: 0; }

@media (max-width: 767px) {
	body.woca-pmpro .page-header { padding-top: 36px; }
	body.woca-pmpro .page-header .entry-title { font-size: 32px; }
	body.woca-pmpro .page-header,
	body.woca-pmpro .page-content { padding-left: 16px; padding-right: 16px; }
}