/**
 * MD Affiliate Design ProSupplements
 *
 * All rules are restricted to explicitly detected AffiliateWP public pages.
 * No print styles, hidden-state rules, or functional data attributes are
 * replaced here.
 */

/* Self-hosted Bebas Neue 400 — SIL Open Font License 1.1. */
@font-face {
	font-display: swap;
	font-family: "MD Bebas Neue";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/bebas-neue-latin-ext-400-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-display: swap;
	font-family: "MD Bebas Neue";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/bebas-neue-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media screen {
	body.md-affiliate-design-prosupplements {
		--md-ad-bg: #ffffff;
		--md-ad-panel: #ffffff;
		--md-ad-panel-raised: #ffffff;
		--md-ad-input: #ffffff;
		--md-ad-border: #d8d8d8;
		--md-ad-border-soft: #ededed;
		--md-ad-text: #151515;
		--md-ad-muted: #656565;
		--md-ad-accent: #f65000;
		--md-ad-accent-dark: #d94400;
		--md-ad-green: #16843d;
		--md-ad-amber: #c66a00;
		--md-ad-radius: 10px;
		--md-ad-heading: "MD Bebas Neue", "Bebas Neue", "Arial Narrow", Impact, sans-serif;
		background: var(--md-ad-bg) !important;
		color: var(--md-ad-text);
		color-scheme: light;
	}

	body.md-affiliate-design-prosupplements .site-content,
	body.md-affiliate-design-prosupplements .site-main,
	body.md-affiliate-design-prosupplements main,
	body.md-affiliate-design-prosupplements .entry-content,
	body.md-affiliate-design-prosupplements .page-content,
	body.md-affiliate-design-prosupplements .elementor-widget-shortcode,
	body.md-affiliate-design-prosupplements .elementor-widget-shortcode .elementor-widget-container,
	body.md-affiliate-design-prosupplements .elementor-shortcode {
		background-color: var(--md-ad-bg) !important;
		color: var(--md-ad-text);
	}

	body.md-affiliate-design-prosupplements .e-con:has(.affwp-register-form),
	body.md-affiliate-design-prosupplements .e-con:has(.affwp-login-form),
	body.md-affiliate-design-prosupplements .e-con:has(#affwp-affiliate-dashboard),
	body.md-affiliate-design-prosupplements .elementor-section:has(.affwp-register-form),
	body.md-affiliate-design-prosupplements .elementor-section:has(.affwp-login-form),
	body.md-affiliate-design-prosupplements .elementor-section:has(#affwp-affiliate-dashboard),
	body.md-affiliate-design-prosupplements .elementor-column:has(.affwp-register-form),
	body.md-affiliate-design-prosupplements .elementor-column:has(.affwp-login-form),
	body.md-affiliate-design-prosupplements .elementor-column:has(#affwp-affiliate-dashboard) {
		background: transparent !important;
	}

	body.md-affiliate-design-prosupplements main h1,
	body.md-affiliate-design-prosupplements .entry-title,
	body.md-affiliate-design-prosupplements .elementor-widget-heading h1.elementor-heading-title {
		color: var(--md-ad-text);
		font-family: var(--md-ad-heading) !important;
		font-size: clamp(3rem, 7vw, 5.8rem);
		font-synthesis: none;
		font-weight: 400 !important;
		letter-spacing: 0.01em;
		line-height: 0.95;
		margin-bottom: 28px;
		max-width: 100%;
		overflow-wrap: normal;
		text-transform: uppercase;
		white-space: normal !important;
		word-break: normal;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) a {
		color: var(--md-ad-accent);
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) a:hover,
	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) a:focus {
		color: #d94400;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) {
		box-sizing: border-box;
		color: var(--md-ad-text);
		font-family: inherit;
		margin-left: auto;
		margin-right: auto;
		max-width: 1180px;
		width: 100%;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	),
	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) *,
	body.md-affiliate-design-prosupplements #affwp-creatives-modal,
	body.md-affiliate-design-prosupplements #affwp-creatives-modal * {
		box-sizing: border-box;
	}

	/* Registration and login forms. */
	body.md-affiliate-design-prosupplements .affwp-register-form,
	body.md-affiliate-design-prosupplements .affwp-login-form {
		background:
			linear-gradient(135deg, rgba(246, 80, 0, 0.045), transparent 34%),
			var(--md-ad-panel);
		border: 1px solid var(--md-ad-border);
		border-radius: var(--md-ad-radius);
		box-shadow: 0 24px 70px rgba(0, 0, 0, 0.08);
		padding: clamp(22px, 4vw, 42px);
		position: relative;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form::before,
	body.md-affiliate-design-prosupplements .affwp-login-form::before {
		background: var(--md-ad-accent);
		border-radius: var(--md-ad-radius) var(--md-ad-radius) 0 0;
		content: "";
		height: 3px;
		left: -1px;
		position: absolute;
		right: -1px;
		top: -1px;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset,
	body.md-affiliate-design-prosupplements .affwp-login-form > fieldset {
		border: 0;
		margin: 0;
		min-width: 0;
		padding: 0;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset {
		display: grid;
		gap: 22px 18px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > legend,
	body.md-affiliate-design-prosupplements .affwp-login-form > fieldset > legend {
		color: var(--md-ad-text);
		display: block;
		font-family: var(--md-ad-heading) !important;
		font-size: clamp(1.8rem, 4vw, 2.5rem);
		font-synthesis: none;
		font-weight: 400 !important;
		grid-column: 1 / -1;
		letter-spacing: 0.02em;
		line-height: 1;
		margin: 0 0 4px;
		padding: 0 0 14px;
		text-transform: uppercase;
		width: 100%;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > legend::after,
	body.md-affiliate-design-prosupplements .affwp-login-form > fieldset > legend::after {
		background: var(--md-ad-accent);
		content: "";
		display: block;
		height: 3px;
		margin-top: 13px;
		width: 62px;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > p,
	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > .affwp-wrap {
		margin: 0;
		min-width: 0;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > :is(
		.md-acsr-custom-slug-wrap,
		.md-abp-custom-slug-wrap,
		.md-asp-social-fields,
		.wp-block-affiliatewp-field-terms-of-use
	) {
		grid-column: 1 / -1;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > p:has(> .affwp-tos) {
		grid-column: 1 / -1;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > p:has(> input[type="submit"]),
	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > p:has(> button.g-recaptcha),
	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > input[type="submit"],
	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > button.g-recaptcha {
		grid-column: 1 / -1;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > p:has(> input[type="submit"]),
	body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > p:has(> button.g-recaptcha) {
		text-align: center;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) :is(label, .affwp-field-label) {
		color: var(--md-ad-text);
		font-size: 0.94rem;
		font-weight: 700;
		margin-bottom: 7px;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard .affwp-form
	) :is(
		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="tel"],
		input[type="password"],
		input[type="number"],
		input[type="date"],
		textarea,
		select
	) {
		appearance: none;
		background: var(--md-ad-input);
		border: 1px solid var(--md-ad-border);
		border-radius: 8px;
		box-shadow: none;
		color: var(--md-ad-text);
		font-family: inherit;
		font-size: 1rem;
		line-height: 1.35;
		min-height: 48px;
		padding: 11px 13px;
		transition:
			border-color 160ms ease,
			box-shadow 160ms ease,
			background-color 160ms ease;
		width: 100%;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard .affwp-form
	) select {
		appearance: auto;
		padding-right: 34px;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard .affwp-form
	) textarea {
		min-height: 120px;
		resize: vertical;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard .affwp-form
	) :is(
		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="tel"],
		input[type="password"],
		input[type="number"],
		input[type="date"],
		textarea,
		select
	):focus {
		background: #ffffff;
		border-color: var(--md-ad-accent);
		box-shadow: 0 0 0 3px rgba(246, 80, 0, 0.18);
		outline: 0;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard .affwp-form
	) :is(input, textarea)::placeholder {
		color: #8a8a8a;
		opacity: 1;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard .affwp-form
	) :is(input, textarea, select):disabled {
		cursor: not-allowed;
		opacity: 0.66;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) :is(input[type="checkbox"], input[type="radio"]) {
		accent-color: var(--md-ad-accent);
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) :is(.description, .affwp-field-description) {
		color: var(--md-ad-muted);
		display: block;
		font-size: 0.9rem;
		line-height: 1.55;
		margin-top: 7px;
	}

	body.md-affiliate-design-prosupplements :is(
		.md-acsr-custom-slug-wrap,
		.md-abp-custom-slug-wrap
	) {
		text-align: left !important;
	}

	body.md-affiliate-design-prosupplements :is(
		.md-acsr-custom-slug-wrap,
		.md-abp-custom-slug-wrap
	) code {
		background: #f5f5f5;
		border: 1px solid var(--md-ad-border-soft);
		border-radius: 5px;
		color: var(--md-ad-accent);
		display: inline-block;
		line-height: 1.35;
		max-width: 100%;
		overflow-wrap: anywhere;
		padding: 3px 7px;
		text-align: left;
		white-space: normal;
		word-break: break-all;
	}

	body.md-affiliate-design-prosupplements .affwp-login-form p {
		margin: 0 0 20px;
	}

	body.md-affiliate-design-prosupplements .affwp-login-form .affwp-user-remember {
		align-items: center;
		display: flex;
		gap: 9px;
	}

	body.md-affiliate-design-prosupplements .affwp-login-form .affwp-lost-password {
		margin-bottom: 0;
		margin-top: 14px;
	}

	/* Primary and secondary calls to action. */
	body.md-affiliate-design-prosupplements .affwp-register-form input[type="submit"].button,
	body.md-affiliate-design-prosupplements .affwp-register-form button.g-recaptcha,
	body.md-affiliate-design-prosupplements .affwp-login-form input[type="submit"].button,
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard :is(
		input[type="submit"].button,
		button[type="submit"].button,
		.affwp-affiliate-link-copy-link.button,
		#affwp-generator-submit-btn.button
	) {
		appearance: none;
		background: linear-gradient(180deg, #ff6a1f, var(--md-ad-accent-dark)) !important;
		border: 1px solid var(--md-ad-accent) !important;
		border-radius: 8px !important;
		box-shadow: 0 9px 24px rgba(246, 80, 0, 0.17) !important;
		color: #fff !important;
		cursor: pointer;
		display: inline-flex;
		font-family: inherit;
		font-size: 0.96rem;
		font-weight: 800;
		justify-content: center;
		letter-spacing: 0.02em;
		line-height: 1.15;
		min-height: 48px;
		padding: 14px 24px !important;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		transition:
			filter 160ms ease,
			transform 160ms ease,
			box-shadow 160ms ease;
		width: auto;
	}

	body.md-affiliate-design-prosupplements .affwp-register-form input[type="submit"].button,
	body.md-affiliate-design-prosupplements .affwp-register-form button.g-recaptcha {
		justify-self: center;
		margin-top: 4px;
		min-width: min(100%, 380px);
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) :is(input[type="submit"].button, button[type="submit"].button):hover,
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard :is(
		.affwp-affiliate-link-copy-link.button,
		#affwp-generator-submit-btn.button
	):hover {
		filter: brightness(1.08);
		transform: translateY(-1px);
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) :is(input[type="submit"].button, button[type="submit"].button):focus-visible,
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard :is(
		.affwp-affiliate-link-copy-link.button,
		#affwp-generator-submit-btn.button
	):focus-visible {
		box-shadow:
			0 0 0 3px var(--md-ad-bg),
			0 0 0 6px var(--md-ad-accent) !important;
		outline: 0;
	}

	/* Affiliate Area navigation. */
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard {
		padding-bottom: 42px;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs {
		align-items: stretch;
		background: linear-gradient(180deg, #f7f7f7, #ffffff);
		border: 1px solid var(--md-ad-border);
		border-radius: var(--md-ad-radius);
		display: flex;
		gap: 0;
		margin: 0 0 20px;
		overflow-x: auto;
		padding: 0 14px;
		scrollbar-color: var(--md-ad-border) transparent;
		scrollbar-width: thin;
		white-space: nowrap;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs::before,
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs::after {
		content: none;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs > li {
		display: block;
		flex: 0 0 auto;
		margin: 0;
		padding: 0;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs > li > a {
		border-bottom: 3px solid transparent;
		color: #2a2a2a;
		display: block;
		font-size: 0.9rem;
		font-weight: 800;
		letter-spacing: 0.025em;
		padding: 18px 16px 15px;
		text-decoration: none;
		text-transform: uppercase;
		transition:
			background-color 160ms ease,
			border-color 160ms ease,
			color 160ms ease;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs > li > a:hover,
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs > li > a:focus-visible {
		background: rgba(246, 80, 0, 0.055);
		color: var(--md-ad-text);
		outline: 0;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs > li.active > a {
		border-bottom-color: var(--md-ad-accent);
		color: var(--md-ad-accent);
	}

	/* Shared Affiliate Area panels. */
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-tab-content,
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-card {
		background:
			linear-gradient(135deg, rgba(246, 80, 0, 0.018), transparent 48%),
			var(--md-ad-panel);
		border: 1px solid var(--md-ad-border);
		border-radius: var(--md-ad-radius);
		color: var(--md-ad-text);
		margin-bottom: 18px;
		padding: clamp(20px, 3vw, 28px);
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-card {
		padding: 0;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-tab-content .affwp-tab-content {
		background: transparent;
		border: 0;
		margin: 0;
		padding: 0;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard :is(h2, h3, h4) {
		color: var(--md-ad-text);
		font-family: var(--md-ad-heading) !important;
		font-synthesis: none;
		font-weight: 400 !important;
		letter-spacing: 0.02em;
		line-height: 1.05;
		text-transform: uppercase;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard h3 {
		font-size: clamp(1.9rem, 4vw, 2.6rem);
		margin: 0 0 14px;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard h4 {
		font-size: clamp(1.55rem, 3vw, 2.1rem);
		margin: 0 0 16px;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard p {
		color: var(--md-ad-muted);
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-card__header {
		border-bottom-color: var(--md-ad-border-soft);
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-affiliate-link__display {
		align-items: stretch;
		display: grid;
		gap: 14px;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-affiliate-link__input {
		background: var(--md-ad-input);
		border: 1px solid var(--md-ad-border);
		border-radius: 8px;
		color: var(--md-ad-text);
		min-height: 48px;
		min-width: 0;
		padding: 11px 13px;
		width: 100%;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-affiliate-link__toggle {
		font-weight: 700;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-custom-link-generator {
		color: var(--md-ad-text);
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard hr {
		border-color: var(--md-ad-border-soft);
	}

	/* Notices and validation output remain visible and semantic. */
	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) .affwp-notice,
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard > .affwp-notice {
		background: #fff8f4;
		border: 1px solid #d8d8d8;
		border-left: 4px solid var(--md-ad-accent);
		border-radius: 7px;
		color: var(--md-ad-text);
		margin-bottom: 18px;
		padding: 13px 15px;
	}

	body.md-affiliate-design-prosupplements :is(
		.affwp-register-form,
		.affwp-login-form,
		#affwp-affiliate-dashboard
	) .affwp-notice-error {
		background: rgba(246, 80, 0, 0.1);
		border-color: rgba(246, 80, 0, 0.55);
		color: #9c2e00;
	}

	body.md-affiliate-design-prosupplements .affwp-errors {
		background: rgba(246, 80, 0, 0.1);
		border: 1px solid rgba(246, 80, 0, 0.55);
		border-radius: 7px;
		color: #9c2e00;
		margin-bottom: 20px;
		padding: 14px 18px;
	}

	/* Tables. AffiliateWP's native responsive display rules are not replaced. */
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard table.affwp-table {
		background: #ffffff;
		border: 1px solid var(--md-ad-border);
		border-collapse: separate;
		border-radius: 8px;
		border-spacing: 0;
		color: var(--md-ad-text);
		width: 100%;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard table.affwp-table th {
		background: #f2f2f2;
		border-color: var(--md-ad-border);
		color: #262626;
		font-size: 0.78rem;
		font-weight: 800;
		letter-spacing: 0.035em;
		padding: 13px 14px;
		text-transform: uppercase;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard table.affwp-table td {
		background: #ffffff;
		border-color: var(--md-ad-border-soft);
		color: #222222;
		padding: 13px 14px;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard table.affwp-table tbody tr:nth-child(even) td {
		background: #fafafa;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard table.affwp-table tbody tr:hover td {
		background: #fff3ec;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-table-no-data {
		color: var(--md-ad-muted);
		text-align: center;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-badge {
		border: 1px solid currentColor;
		border-radius: 5px;
		font-size: 0.72rem;
		font-weight: 800;
		letter-spacing: 0.025em;
		padding: 3px 7px;
		text-transform: uppercase;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-badge--success {
		background: rgba(22, 132, 61, 0.1);
		color: var(--md-ad-green);
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-badge--warning {
		background: rgba(198, 106, 0, 0.1);
		color: var(--md-ad-amber);
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-badge--danger {
		background: rgba(246, 80, 0, 0.1);
		color: #ba2f00;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-pagination a,
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-pagination span {
		background: #f5f5f5;
		border: 1px solid var(--md-ad-border);
		border-radius: 5px;
		color: var(--md-ad-text);
		display: inline-block;
		margin: 2px;
		padding: 6px 10px;
		text-decoration: none;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-pagination .current {
		background: var(--md-ad-accent);
		border-color: var(--md-ad-accent);
		color: #fff;
	}

	/* Payout, stats, graph, and settings widgets. */
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-payout-summary {
		display: grid;
		gap: 14px;
		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-payout-summary__stat {
		background: #f7f7f7;
		border: 1px solid var(--md-ad-border);
		border-radius: 8px;
		padding: 17px;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-payout-summary__label {
		color: var(--md-ad-muted);
		font-size: 0.78rem;
		font-weight: 800;
		letter-spacing: 0.035em;
		text-transform: uppercase;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-payout-summary__value {
		color: var(--md-ad-text);
		font-family: var(--md-ad-heading);
		font-size: 2rem;
		line-height: 1.1;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard :is(
		.affwp-payout-method-status,
		.affwp-payout-method-context,
		.affwp-payout-account-detail
	) {
		color: var(--md-ad-muted);
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-graph {
		background: #ffffff;
		border: 1px solid var(--md-ad-border);
		border-radius: 8px;
		max-width: 100%;
	}

	body.md-affiliate-design-prosupplements #affwp-flot-tooltip {
		background: #ffffff !important;
		border-color: var(--md-ad-border) !important;
		color: var(--md-ad-text) !important;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .tablenav.top,
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard #affwp-date-range-options {
		background: #f7f7f7;
		border: 1px solid var(--md-ad-border);
		border-radius: 8px;
		padding: 14px;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard #affwp-graphs-filter .tablenav.top {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard #affwp-graphs-filter :is(
		select,
		input[type="text"]
	) {
		appearance: auto;
		background: var(--md-ad-input);
		border: 1px solid var(--md-ad-border);
		border-radius: 7px;
		color: var(--md-ad-text);
		min-height: 42px;
		padding: 9px 11px;
		width: auto;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard #affwp-graphs-filter .affwp-datepicker {
		max-width: 190px;
	}

	/* Creatives and their modal. Hidden/display states remain owned by AffiliateWP. */
	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard :is(
		.affwp-creatives-types-menu,
		.affwp-creatives-filters,
		.affwp-creatives-list-header,
		.affwp-creatives-table-row,
		.affwp-creative
	) {
		border-color: var(--md-ad-border);
		color: var(--md-ad-text);
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-creative {
		background: #fafafa;
		border-radius: 8px;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-creative-preview {
		background: #f2f2f2;
		border-color: var(--md-ad-border);
	}

	body.md-affiliate-design-prosupplements #affwp-creatives-modal .affwp-modal__content {
		background: var(--md-ad-panel-raised);
		border: 1px solid var(--md-ad-border);
		color: var(--md-ad-text);
	}

	body.md-affiliate-design-prosupplements #affwp-creatives-modal .affwp-modal__header,
	body.md-affiliate-design-prosupplements #affwp-creatives-modal .affwp-modal__footer {
		border-color: var(--md-ad-border);
	}

	/* Social profile cards from MD Affiliate Social Profiles. */
	body.md-affiliate-design-prosupplements .affwp-form .md-asp-social-fields {
		border: 0;
		display: grid;
		gap: 16px;
		grid-column: 1 / -1;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 12px 0 0;
		min-width: 0;
		padding: 0;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-social-fields > legend,
	body.md-affiliate-design-prosupplements .affwp-form .md-asp-social-fields > .md-asp-intro,
	body.md-affiliate-design-prosupplements .affwp-form .md-asp-social-fields > .md-asp-noscript {
		grid-column: 1 / -1;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-social-fields > legend {
		color: var(--md-ad-text);
		font-family: var(--md-ad-heading) !important;
		font-size: clamp(1.75rem, 3vw, 2.25rem);
		font-synthesis: none;
		font-weight: 400 !important;
		letter-spacing: 0.025em;
		line-height: 1;
		margin: 8px 0 0;
		padding: 0;
		text-transform: uppercase;
		width: 100%;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-intro {
		color: var(--md-ad-muted);
		line-height: 1.55;
		margin: -7px 0 2px;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-network {
		background:
			linear-gradient(145deg, rgba(246, 80, 0, 0.035), transparent 48%),
			#fafafa;
		border: 1px solid var(--md-ad-border);
		border-radius: 9px;
		margin: 0;
		min-width: 0;
		padding: 18px;
		transition:
			border-color 160ms ease,
			transform 160ms ease;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-network:focus-within {
		border-color: rgba(246, 80, 0, 0.72);
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-network-header {
		align-items: start;
		display: grid;
		gap: 16px;
		grid-template-columns: minmax(0, 1fr) 120px;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-network h4 {
		color: var(--md-ad-text);
		font-family: var(--md-ad-heading) !important;
		font-size: 1.8rem;
		font-synthesis: none;
		font-weight: 400 !important;
		letter-spacing: 0.02em;
		line-height: 1;
		margin: 0 0 7px;
		text-transform: uppercase;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-network-header p,
	body.md-affiliate-design-prosupplements .affwp-form .md-asp-count-wrap .description {
		color: var(--md-ad-muted);
		font-size: 0.82rem;
		line-height: 1.45;
		margin: 0;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-count-wrap label,
	body.md-affiliate-design-prosupplements .affwp-form .md-asp-url-row label {
		color: var(--md-ad-text);
		display: block;
		font-size: 0.87rem;
		font-weight: 700;
		margin: 0 0 6px;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-count-wrap input.md-asp-count {
		display: block;
		margin: 0 0 5px;
		max-width: 88px;
		min-height: 44px;
		width: 88px;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-url-list {
		margin-top: 16px;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-url-row {
		margin: 0 0 12px;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-url-control {
		align-items: stretch;
		display: flex;
		gap: 8px;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-url-control input {
		flex: 1 1 auto;
		min-width: 0;
		width: 100%;
	}

	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-add-profile {
		align-items: center !important;
		appearance: none !important;
		background: transparent !important;
		border: 1px solid var(--md-ad-accent) !important;
		border-radius: 8px !important;
		box-shadow: none !important;
		color: var(--md-ad-accent) !important;
		cursor: pointer !important;
		display: inline-flex !important;
		font-family: inherit !important;
		font-size: 0.83rem !important;
		font-weight: 800 !important;
		gap: 7px !important;
		height: 44px !important;
		justify-content: center !important;
		letter-spacing: 0.02em !important;
		line-height: 1 !important;
		margin: 4px 0 0 !important;
		max-width: 100% !important;
		min-height: 44px !important;
		min-width: 0 !important;
		padding: 0 16px !important;
		text-indent: 0 !important;
		text-transform: uppercase !important;
		width: auto !important;
	}

	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-add-profile span {
		color: inherit !important;
		font-family: Arial, sans-serif !important;
		font-size: 1.18rem !important;
		line-height: 1 !important;
	}

	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-remove-profile {
		align-items: center !important;
		appearance: none !important;
		background: #f2f2f2 !important;
		border: 1px solid var(--md-ad-border) !important;
		border-radius: 8px !important;
		box-shadow: none !important;
		color: var(--md-ad-text) !important;
		cursor: pointer !important;
		display: inline-flex !important;
		flex: 0 0 44px !important;
		font-family: Arial, sans-serif !important;
		font-size: 24px !important;
		height: 48px !important;
		justify-content: center !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		margin: 0 !important;
		max-width: 44px !important;
		min-height: 48px !important;
		min-width: 44px !important;
		padding: 0 !important;
		text-indent: 0 !important;
		text-transform: none !important;
		width: 44px !important;
	}

	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-add-profile:not(:disabled):hover,
	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-add-profile:focus-visible,
	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-remove-profile:hover,
	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-remove-profile:focus-visible {
		background: var(--md-ad-accent) !important;
		border-color: var(--md-ad-accent) !important;
		color: #fff !important;
		outline: 0 !important;
	}

	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-add-profile:focus-visible,
	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-remove-profile:focus-visible {
		box-shadow:
			0 0 0 3px var(--md-ad-bg),
			0 0 0 6px var(--md-ad-accent) !important;
	}

	body.md-affiliate-design-prosupplements .affwp-form button.md-asp-add-profile:disabled {
		cursor: not-allowed !important;
		opacity: 0.48 !important;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .md-asp-dashboard-tab {
		background: transparent;
		border: 0;
		margin: 0;
		padding: 0;
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .md-asp-dashboard-form {
		background: var(--md-ad-panel);
		border: 1px solid var(--md-ad-border);
		border-radius: var(--md-ad-radius);
		padding: clamp(20px, 3vw, 28px);
	}

	body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .md-asp-submit {
		margin: 20px 0 0;
	}

	body.md-affiliate-design-prosupplements .affwp-form .md-asp-noscript {
		background: rgba(198, 106, 0, 0.1);
		border: 1px solid rgba(198, 106, 0, 0.45);
		border-radius: 7px;
		color: #8a4b00;
		padding: 11px 13px;
	}

	@media (max-width: 900px) {
		body.md-affiliate-design-prosupplements .affwp-register-form > fieldset,
		body.md-affiliate-design-prosupplements .affwp-form .md-asp-social-fields {
			grid-template-columns: 1fr;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-affiliate-link__display {
			grid-template-columns: 1fr;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-affiliate-link-copy-link.button {
			width: 100%;
		}
	}

	@media (max-width: 767px) {
		body.md-affiliate-design-prosupplements main h1,
		body.md-affiliate-design-prosupplements .entry-title,
		body.md-affiliate-design-prosupplements .elementor-widget-heading h1.elementor-heading-title {
			font-size: clamp(2.5rem, 11vw, 3.1rem) !important;
			letter-spacing: 0.015em;
			line-height: 0.94;
			margin-bottom: 18px;
		}

		body.md-affiliate-design-prosupplements .affwp-register-form,
		body.md-affiliate-design-prosupplements .affwp-login-form {
			border-radius: 8px;
			padding: 20px 16px;
		}

		body.md-affiliate-design-prosupplements .affwp-register-form > fieldset {
			gap: 18px;
		}

		body.md-affiliate-design-prosupplements .affwp-register-form > fieldset > legend,
		body.md-affiliate-design-prosupplements .affwp-login-form > fieldset > legend {
			font-size: 2rem;
			line-height: 0.98;
			padding-bottom: 11px;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs {
			border-radius: 8px;
			-webkit-overflow-scrolling: touch;
			margin-left: -4px;
			margin-right: -4px;
			padding: 0 7px;
			scroll-snap-type: x proximity;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs > li {
			scroll-snap-align: start;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard-tabs > li > a {
			font-size: 0.73rem;
			padding: 14px 10px 11px;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-tab-content,
		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .md-asp-dashboard-form {
			border-radius: 8px;
			padding: 16px 14px;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .affwp-card {
			border-radius: 8px;
			padding: 0;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard h2 {
			font-size: 2.15rem !important;
			line-height: 0.98;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard h3 {
			font-size: 1.9rem !important;
			line-height: 1;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard h4 {
			font-size: 1.65rem !important;
			line-height: 1;
		}

		body.md-affiliate-design-prosupplements .affwp-form .md-asp-social-fields > legend {
			font-size: 1.75rem;
			line-height: 1;
		}

		body.md-affiliate-design-prosupplements .affwp-form .md-asp-network {
			padding: 14px;
		}

		body.md-affiliate-design-prosupplements .affwp-form .md-asp-network-header {
			grid-template-columns: 1fr;
		}

		body.md-affiliate-design-prosupplements .affwp-form .md-asp-network h4 {
			font-size: 1.65rem !important;
		}

		body.md-affiliate-design-prosupplements .affwp-form .md-asp-count-wrap input.md-asp-count {
			max-width: 88px;
			width: 88px;
		}

		body.md-affiliate-design-prosupplements :is(
			.md-acsr-custom-slug-wrap,
			.md-abp-custom-slug-wrap
		) code {
			font-size: 0.82rem;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard table.affwp-table td::before {
			color: var(--md-ad-muted);
			font-size: 0.76rem;
			font-weight: 800;
			letter-spacing: 0.025em;
			text-transform: uppercase;
		}

		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard table.affwp-table td {
			border-bottom-color: var(--md-ad-border-soft);
		}
	}

	@media (max-width: 480px) {
		body.md-affiliate-design-prosupplements .affwp-form .md-asp-url-control {
			align-items: stretch;
		}

		body.md-affiliate-design-prosupplements .affwp-form button.md-asp-add-profile {
			width: 100% !important;
		}

		body.md-affiliate-design-prosupplements .affwp-register-form input[type="submit"].button,
		body.md-affiliate-design-prosupplements .affwp-login-form input[type="submit"].button,
		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard .md-asp-submit > button.button,
		body.md-affiliate-design-prosupplements #affwp-affiliate-dashboard #affwp-generator-submit-btn.button {
			width: 100%;
		}
	}
}