/**
 * CF7 Mate – Freemius Pricing Page Brand Overrides
 *
 * Loaded via the `pricing/css_path` Freemius filter.
 * admin.css is NOT loaded on this page, so --cf7m-* brand tokens are
 * defined here directly, scoped to the pricing page body class.
 */

/* =========================================================
   0. BRAND TOKENS — defined here because admin.css is not loaded
   ========================================================= */

body.cf7-mate_page_cf7-mate-pricing {
	--cf7m-primary: #3a57fc;
	--cf7m-primary-dark: #2e46ca;
	--cf7m-bg: #f6f5f9;
	--cf7m-border: #e8e7ec;
	--cf7m-heading: #000000;
	--cf7m-body: #24223a;
	--cf7m-text-muted: #5c5a6e;
	--cf7m-success: #10b981;
	--cf7m-danger: #ef4444;
	--cf7m-pro: #f59e0b;
}

/* =========================================================
   1. CSS CUSTOM PROPERTY OVERRIDES  →  mapped to --cf7m-*
   ========================================================= */

#fs_pricing,
#fs_pricing_wrapper {
	/* Primary accent */
	--fs-ds-theme-primary-accent-color: var(--cf7m-primary);
	--fs-ds-theme-primary-accent-color-hover: var(--cf7m-primary-dark);

	/* Primary button */
	--fs-ds-theme-button-primary-background-color: var(--cf7m-primary);
	--fs-ds-theme-button-primary-background-hover-color: var(
		--cf7m-primary-dark
	);
	--fs-ds-theme-button-primary-border-color: var(--cf7m-primary);
	--fs-ds-theme-button-primary-border-hover-color: var(--cf7m-primary-dark);
	--fs-ds-theme-button-primary-border-focus-color: var(--cf7m-primary-dark);
	--fs-ds-theme-button-primary-text-color: #ffffff;

	/* Secondary / outline button */
	--fs-ds-theme-button-background-color: #ffffff;
	--fs-ds-theme-button-background-hover-color: #eef0ff;
	--fs-ds-theme-button-border-color: #c4ccf8;
	--fs-ds-theme-button-border-hover-color: var(--cf7m-primary);
	--fs-ds-theme-button-border-focus-color: var(--cf7m-primary);
	--fs-ds-theme-button-text-color: var(--cf7m-primary);
	--fs-ds-theme-button-disabled-background-color: #f0f2ff;
	--fs-ds-theme-button-disabled-border-color: #c4ccf8;
	--fs-ds-theme-button-disabled-text-color: #8fa0fb;

	/* Backgrounds */
	--fs-ds-theme-background-color: #ffffff;
	--fs-ds-theme-background-dark: #eef0ff;
	--fs-ds-theme-background-darkest: #dde2fd;
	--fs-ds-theme-background-accented: #eef0ff;
	--fs-ds-theme-background-shade: #f8f9ff;
	--fs-ds-theme-background-hover: #eef0ff;
	--fs-ds-theme-background-overlay: rgba(58, 87, 252, 0.08);

	/* Text */
	--fs-ds-theme-text-color: var(--cf7m-body);
	--fs-ds-theme-heading-text-color: var(--cf7m-heading);
	--fs-ds-theme-muted-text-color: var(--cf7m-text-muted);
	--fs-ds-theme-dark-background-text-color: #ffffff;
	--fs-ds-theme-dark-background-muted-text-color: rgba(255, 255, 255, 0.75);

	/* Borders */
	--fs-ds-theme-border-color: var(--cf7m-border);
	--fs-ds-theme-divider-color: var(--cf7m-border);

	/* Notices */
	--fs-ds-theme-notice-info-background: #eef0ff;
	--fs-ds-theme-notice-info-border: var(--cf7m-primary);
	--fs-ds-theme-notice-info-color: var(--cf7m-heading);
	--fs-ds-theme-notice-warn-background: #fff8ec;
	--fs-ds-theme-notice-warn-border: var(--cf7m-pro);
	--fs-ds-theme-notice-warn-color: #7a4800;

	/* Semantic */
	--fs-ds-theme-success-color: var(--cf7m-success);
	--fs-ds-theme-error-color: var(--cf7m-danger);
	--fs-ds-theme-warn-color: var(--cf7m-pro);
	--fs-ds-theme-primary-green-color: var(--cf7m-success);
	--fs-ds-theme-primary-red-color: var(--cf7m-danger);
	--fs-ds-theme-primary-yellow-color: var(--cf7m-pro);

	/* Special */
	--fs-ds-theme-package-popular-background: var(--cf7m-primary);
	--fs-ds-theme-testimonial-star-color: #f5a623;
}

/* Page background + kill WP left padding */
body.cf7-mate_page_cf7-mate-pricing #wpcontent {
	padding-left: 0 !important;
}

#fs_pricing_app {
	background: #f6f1e8 !important;
	color: var(--cf7m-body) !important;
}

#fs_pricing_app .fs-app-header .fs-page-title {
	flex-direction: column !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 32px 0px !important;
	background: #f6f1e8 !important;
}

#fs_pricing_app .fs-app-header .fs-page-title h1 {
	font-size: 24px !important;
}

#fs_pricing_app .fs-app-header .fs-plugin-title-and-logo {
	margin: 0 !important;
	border-radius: 0px !important;
	background: rgba(252, 250, 246, 0.97) !important;
	border: 1px solid rgba(31, 29, 26, 0.14) !important;
}

#fs_pricing_app .fs-package .fs-plan-title {
	background: var(--cf7m-bg) !important;
	border-bottom: 1px solid var(--cf7m-border) !important;
	border-top: 1px solid var(--cf7m-border) !important;
}

#fs_pricing_app .fs-package .fs-package-content {
	color: var(--cf7m-body) !important;
}

#fs_pricing_app .fs-button {
	background-color: #fff !important;
	color: var(--cf7m-primary) !important;
	border-color: var(--cf7m-primary-dark) !important;
}

#fs_pricing_app
	.fs-app-main
	.fs-section--faq
	.fs-section--faq-items
	.fs-section--faq-item
	h3 {
	background: rgba(252, 250, 246, 0.97) !important;
	color: var(--cf7m-primary) !important;
	padding: 16px !important;
	font-weight: 700 !important;
	border: 1px solid var(--cf7m-border) !important;
	border-bottom: 0 none;
	border-radius: 4px 4px 0 0;
}

#fs_pricing_app
	.fs-app-main
	.fs-section--faq
	.fs-section--faq-items
	.fs-section--faq-item
	p {
	background: rgba(252, 250, 246, 0.97) !important;
	border: 1px solid var(--cf7m-border) !important;
}
