/** ARMD Enhancements styles. @package armd-enhancements */

body .gfield.admin-discounts {
	display:none;
}

body .npo-field .gfield_description{
    font-weight: bold;
    font-size: large !important;
}

.vcex-module.vcex-pricing.active .vcex-pricing-plan,
.vcex-module.vcex-pricing:hover .vcex-pricing-plan {
    border-color: #ff6900;
}

body .vcex-module.vcex-pricing.active,
.vcex-module.vcex-pricing:hover {
	border-color: #ff6900 !important;
}

body .vcex-module.vcex-pricing {
	border-width: 2px !important;
}


.checkout .woocommerce-terms-and-conditions-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

/* Request a quote form */

#dmarc-button-row .wpb_wrapper{
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

#dmarc-button-row .wpb_wrapper a {
	flex-grow: 1;
	padding: 15px 10px;
	flex-basis: 45%;
}

.inactive-domains-input .input-container input,
.active-domains-input .input-container input,
.active-email-input .input-container input,
.package-domain-names .input-container input,
.package-domain-emails .input-container input,
.package-indomain-names .input-container input {
	margin-bottom: 15px !important;
}

.package-domain-names .gfield_required,
.package-domain-emails .gfield_required {
	font-weight: 400;
}


.gfield_error.package-domain-names .input-container input,
.gfield_error.package-domain-emails .input-container input,
.gfield_error.package-indomain-names .input-container input,
.gfield_error.active-domains-input .input-container input,
.gfield_error.active-email-input .input-container input,
.gfield_error.inactive-domains-input .input-container input {
	border: 1px solid #c02b0a;
}


.gfield_error.package-domain-names .gfield_validation_message,
.gfield_error.package-domain-emails .gfield_validation_message,
.gfield_error.package-indomain-names .gfield_validation_message,
.gfield_error.active-domains-input .gfield_validation_message,
.gfield_error.active-email-input .gfield_validation_message,
.gfield_error.inactive-domains-input .gfield_validation_message {
	margin-bottom: 25px;
    margin-top: -1px !important;
}

#gform_wrapper_5 {
	display: block !important;
}

.request-quote-form .gfield_description.instruction {
	display: none;
}

.gform_wrapper.gravity-theme .request-quote-form .ginput_container_address span {
	flex-basis: 100%;
}

.package-selector {
	margin-bottom: 20px;
}

.vcex-module.vcex-pricing {
    cursor: pointer;
}

.package-description-block .gfield_description {
	padding-top: 28px !important;
    padding-bottom: 28px;
}
.package-description-block .gfield_description p {
	margin-bottom: 0;
}

.request-quote-form .field--type-address select {
	padding: 11px 8px;
}

.request-quote-form .package-selected-heading h3 .package-text {
	font-weight: 400;
	color: #ff6900;
}

.request-quote-form .spacer.gfield {
	display: none;
}

/* Partner Portal - Logged Out */

.wpex-page-partner-login .woocommerce h2,
body.wpex-page-partner-login .woocommerce #customer_login .u-column2 {
	display: none !important;
}

/* The header's person icon in the light blue on every page (the login mockup, 18 Oct 2026). On My Account pages
   Wordfence's 2FA stylesheet (its WooCommerce account integration) sets every link to #00709e with a bare "a" rule,
   logged in or out, which turned the icon dark there. */
.wp-block-woocommerce-customer-account a.wc-block-customer-account__link {
	color: var(--wp--preset--color--custom-light-blue, #00b2f4);
}


/*  Partner Portal - Logged in */

/* Dashboard wrapper: white background */
body #affwp-affiliate-dashboard {
	background: #fff;
}

/* Strip coloured background from h2/h3/h4 inside tab panel content (not tab nav) */
body #affwp-affiliate-dashboard .affwp-tab-panel h2,
body #affwp-affiliate-dashboard .affwp-tab-panel h3,
body #affwp-affiliate-dashboard .affwp-tab-panel h4,
body #affwp-affiliate-dashboard .affwp-tab-content h2,
body #affwp-affiliate-dashboard .affwp-tab-content h3,
body #affwp-affiliate-dashboard .affwp-tab-content h4 {
	background: transparent !important;
	background-color: transparent !important;
	border-left: none !important;
	padding: 0;
	color: var(--wp--preset--color--accent-1) !important;
}

/* Remove warning / notice coloured highlight boxes */
body #affwp-affiliate-dashboard .affwp-notice,
body #affwp-affiliate-dashboard .affwp-alert {
	background: #f8f8f8;
	border-left: 3px solid #ccc;
	color: inherit;
}

/* Partner Portal - Dashboard Content */

/* Hide the default AffiliateWP referral URL field in the Share & Earn tab */
#tab-urls .affwp-field-url,
#tab-urls label[for*="url"],
#tab-urls .affwp-referral-url-wrap {
	display: none !important;
}

/* Partner link */
.partner-link-panel {
	display: none;
}

/* Team table */
.affwp-team-table {
	width: 100%;
	border-collapse: collapse;
	margin: 16px 0 24px;
}

.affwp-team-table th,
.affwp-team-table td {
	text-align: left;
	padding: 0.3em 1em;
	border: 2px solid rgba(0, 0, 0, 0.03);
	color: #666;
}

.affwp-team-table thead th {
	font-weight: bold;
	color: #666 !important;
	background: #fafafa;
	border-bottom: 2px solid #ddd;
	font-family: var(--wp--preset--font-family--gilroy-bold) !important;
}

.affwp-team-table tbody tr:last-child td {
	border-bottom: none;
}

/* My Earnings intro */
.affwp-my-earnings-intro {
	margin-bottom: 28px;
}

.affwp-partner-tier {
	font-size: 15px;
	margin-bottom: 16px;
}

/* My Earnings: the commission card (the partner's group and what each product pays) and the short notes */
.armd-commission {
	--c-navy: var(--wp--preset--color--accent-1, #052c53);
	--c-sky: var(--wp--preset--color--custom-light-blue, #00b2f4);
	--c-tint: color-mix(in srgb, var(--wp--preset--color--custom-blue-background, #d9edfa) 45%, #fff);
	--c-line: #e0e5eb;
	--c-muted: #5f6b7a;

	color: var(--c-navy);
	font-size: 16px;
	line-height: 1.5;
}

/* Over the theme's .affwp-my-earnings-intro padding and margin */
.affwp-my-earnings-intro.armd-commission {
	margin: 0 0 32px;
	padding: 0;
}

.armd-commission__card {
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: 10px;
}

/* The partner's group: the letter, the headline and one short line on the left, the split on the right */
.armd-commission__group {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) minmax(320px, 470px);
	grid-template-rows: auto 1fr;
	grid-template-areas:
		"letter head side"
		"letter aside side";
	gap: 0 16px;
	align-items: start;
	padding: 16px 20px;
	border-bottom: 1px solid var(--c-line);
	background: var(--c-tint);
}

.armd-commission__group:last-child {
	border-bottom: 0;
}

.armd-commission__letter {
	grid-area: letter;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin-top: 2px;
	border-radius: 50%;
	background: var(--c-navy);
	color: #fff;
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 19px;
	line-height: 1;
}

.armd-commission__head {
	grid-area: head;
}

.armd-commission__kicker {
	display: block;
	color: var(--c-muted);
	font-family: var(--wp--preset--font-family--gilroy-medium);
	font-size: 12.5px;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-transform: uppercase;
}

/* Over the theme's tab h3 (its rule, padding and margins): here it's the card's own title */
#affwp-affiliate-dashboard .armd-commission .armd-commission__headline {
	margin: 1px 0 2px;
	padding: 0 !important;
	border: 0;
	font-size: 19px;
	line-height: 1.25;
}

/* Over the theme's #affwp-affiliate-dashboard .affwp-tab-content p margins, here and below */
#affwp-affiliate-dashboard .armd-commission .armd-commission__aside {
	grid-area: aside;
	margin: 3px 0 0;
	color: var(--c-muted);
	font-size: 13.5px;
	line-height: 1.45;
}

/* Who gets the commission: a bar split between the partner (navy) and the customer (sky) */
.armd-commission__side {
	grid-area: side;
	align-self: center;
	padding-left: 24px;
	border-left: 1px solid var(--c-line);
}

.armd-commission__bar {
	display: flex;
	height: 8px;
	overflow: hidden;
	border-radius: 999px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--c-line);
}

.armd-commission__bar span {
	display: block;
	height: 100%;
}

.armd-commission__bar .is-you {
	background: var(--c-navy);
}

.armd-commission__bar .is-customer {
	background: var(--c-sky);
}

.armd-commission__bar span + span {
	border-left: 2px solid #fff;
}

.armd-commission__legend {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2px 14px;
	margin-top: 5px;
	font-size: 13.5px;
	line-height: 1.45;
}

.armd-commission__legend span::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 6px;
	border-radius: 50%;
}

.armd-commission__legend .is-you::before {
	background: var(--c-navy);
}

.armd-commission__legend .is-customer::before {
	background: var(--c-sky);
}

.armd-commission__legend .is-none {
	color: var(--c-muted);
}

.armd-commission__legend .is-none::before {
	background: #fff;
	box-shadow: inset 0 0 0 1px #b8c2cc;
}

/* What each product pays: one line per product */
.armd-commission__table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 15px;
}

.armd-commission__table th,
.armd-commission__table td {
	padding: 9px 16px;
	border: 0;
	border-bottom: 1px solid var(--c-line);
	text-align: left;
	vertical-align: baseline;
}

.armd-commission__table tbody tr:last-child > * {
	border-bottom: 0;
}

/* The theme gives every th in this tab the old table's light blue */
#affwp-affiliate-dashboard .armd-commission__table thead th {
	padding-top: 8px;
	padding-bottom: 8px;
	background: #f7f7f7 !important;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	vertical-align: bottom;
}

#affwp-affiliate-dashboard .armd-commission__table tbody th {
	background: none !important;
	font-weight: 400;
}

/* "incl. VAT" or "no VAT": one piece, which can wrap under the heading ("You earn / no VAT") */
.armd-commission__table thead th small {
	color: var(--c-muted);
	font-family: var(--wp--preset--font-family--gilroy-regular);
	font-size: 12.5px;
	white-space: nowrap;
}

/* The space between the heading and its small print (the markup has none), and the place to wrap */
.armd-commission__table thead th small::before {
	content: " ";
	white-space: normal;
}

.armd-commission__table .is-example {
	width: 23%;
}

.armd-commission__table .is-total {
	width: 13%;
}

.armd-commission__table .is-earn {
	width: 17%;
}

.armd-commission__table .is-save {
	width: 20%;
}

.armd-commission__product {
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 15.5px;
}

/* Long names and prices wrap into even lines when they must, e.g. "First domain R9,500.00 (2 months free)" */
.armd-commission__table tbody th,
.armd-commission__table td.is-example {
	text-wrap: balance;
}

.armd-commission__table td.is-example {
	color: var(--c-muted);
	font-size: 14.5px;
}

.armd-commission__fig {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 8px;
}

.armd-commission__pct {
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 16.5px;
	line-height: 1.3;
}

.armd-commission__pct.is-zero {
	color: #9aa5b1;
}

.armd-commission__amount {
	color: var(--c-muted);
	font-size: 14px;
	white-space: nowrap;
}

/* The figures' own labels: phones only (the column headings say it on wider screens) */
.armd-commission__label,
.armd-commission__label-inline {
	display: none;
}

/* Short notes in one strip: an icon, a title and a line each */
.armd-commission__notes {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	margin: 14px 0 0;
	padding: 0;
	border: 1px solid var(--c-line);
	border-radius: 10px;
	list-style: none;
}

.armd-commission__notes li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 12px 18px;
}

.armd-commission__notes li + li {
	border-left: 1px solid var(--c-line);
}

.armd-commission__icon {
	flex: none;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	margin-top: 1px;
	border-radius: 50%;
	background: var(--c-tint);
	color: var(--c-navy);
}

.armd-commission__icon svg {
	width: 17px;
	height: 17px;
}

/* Over the theme's tab h4 */
#affwp-affiliate-dashboard .armd-commission .armd-commission__notes h4 {
	margin: 0;
	padding: 0 !important;
	border: 0;
	font-size: 15.5px;
	line-height: 1.3;
}

#affwp-affiliate-dashboard .armd-commission .armd-commission__notes p {
	margin: 1px 0 0;
	color: var(--c-muted);
	font-size: 14px;
	line-height: 1.45;
	text-wrap: pretty;
}

@media (max-width: 1000px) {
	.armd-commission__group {
		grid-template-columns: 44px minmax(0, 1fr) minmax(240px, 300px);
	}

	.armd-commission__side {
		padding-left: 18px;
	}

	.armd-commission__table th,
	.armd-commission__table td {
		padding-right: 12px;
		padding-left: 12px;
	}
}

@media (max-width: 900px) {
	.armd-commission__notes {
		grid-auto-flow: row;
	}

	.armd-commission__notes li + li {
		border-top: 1px solid var(--c-line);
		border-left: 0;
	}
}

@media (max-width: 767px) {
	.armd-commission__group {
		grid-template-columns: 36px minmax(0, 1fr);
		grid-template-areas:
			"letter head"
			"aside aside"
			"side side";
		gap: 0 12px;
		align-items: center;
		padding: 14px 16px;
	}

	.armd-commission__letter {
		width: 36px;
		height: 36px;
		margin: 0;
		font-size: 16px;
	}

	#affwp-affiliate-dashboard .armd-commission .armd-commission__headline {
		font-size: 18px;
	}

	#affwp-affiliate-dashboard .armd-commission .armd-commission__aside {
		margin-top: 8px;
	}

	.armd-commission__side {
		margin-top: 12px;
		padding-left: 0;
		border-left: 0;
	}

	/* One block per product: the name and example, the total on the right, then what you earn and what your
	   customer saves under the two column headings, which stay as a header row */
	.armd-commission__table,
	.armd-commission__table thead,
	.armd-commission__table tbody,
	.armd-commission__table th,
	.armd-commission__table td {
		display: block;
	}

	.armd-commission__table tr {
		position: relative;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"name name"
			"ex ex"
			"earn save";
		gap: 0 14px;
		padding: 11px 14px 12px;
		border-bottom: 1px solid var(--c-line);
	}

	.armd-commission__table thead tr {
		grid-template-areas: "earn save";
		padding: 7px 14px 8px;
		background: #f7f7f7;
	}

	.armd-commission__table thead .is-product,
	.armd-commission__table thead .is-example,
	.armd-commission__table thead .is-total {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
	}

	.armd-commission__table tbody tr:last-child {
		border-bottom: 0;
	}

	.armd-commission__table th,
	.armd-commission__table td,
	.armd-commission__table .is-example,
	.armd-commission__table .is-total,
	.armd-commission__table .is-earn,
	.armd-commission__table .is-save,
	#affwp-affiliate-dashboard .armd-commission__table thead th {
		width: auto;
		padding: 0;
		border: 0;
	}

	#affwp-affiliate-dashboard .armd-commission__table thead th {
		font-size: 13.5px;
	}

	.armd-commission__table thead th small {
		display: block;
		margin: 0;
		font-size: 12px;
	}

	.armd-commission__table tbody .is-product {
		grid-area: name;
		padding-right: 44px;
		line-height: 1.35;
	}

	.armd-commission__table td.is-example {
		grid-area: ex;
		padding-right: 112px;
		font-size: 13.5px;
		line-height: 1.4;
	}

	.armd-commission__table .is-earn {
		grid-area: earn;
	}

	.armd-commission__table .is-save {
		grid-area: save;
	}

	.armd-commission__table tbody .is-earn,
	.armd-commission__table tbody .is-save {
		margin-top: 7px;
	}

	.armd-commission__table tbody .is-total {
		position: absolute;
		top: 11px;
		right: 14px;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		text-align: right;
	}

	.armd-commission__label {
		display: block;
		order: 2;
		color: var(--c-muted);
		font-family: var(--wp--preset--font-family--gilroy-regular);
		font-size: 12px;
		line-height: 1.35;
		white-space: nowrap;
	}

	.armd-commission__label-inline {
		display: inline;
	}

	.armd-commission__pct {
		font-size: 16px;
	}

	.armd-commission__amount {
		font-size: 13.5px;
	}

	.armd-commission__notes li {
		padding: 10px 14px;
	}
}

/* Narrow phones: a name's second line ("Protection – Monthly") would run into the total on the right, so the total
   gets its own line under the example ("20% Total commission"); "R95.00 first payment" may wrap */
@media (max-width: 359px) {
	.armd-commission__table tr {
		grid-template-areas:
			"name name"
			"ex ex"
			"total total"
			"earn save";
	}

	.armd-commission__table tbody .is-product,
	.armd-commission__table td.is-example {
		padding-right: 0;
	}

	.armd-commission__table tbody .is-total {
		position: static;
		grid-area: total;
		flex-direction: row;
		align-items: baseline;
		gap: 6px;
		margin-top: 5px;
		text-align: left;
	}

	.armd-commission__amount {
		white-space: normal;
	}
}

/* My Earnings: Commission Transactions (Partner_Earnings: filters, totals, the table and pages) */
.armd-earnings {
	--c-navy: var(--wp--preset--color--accent-1, #052c53);
	--c-sky: var(--wp--preset--color--custom-light-blue, #00b2f4);
	--c-tint: color-mix(in srgb, var(--wp--preset--color--custom-blue-background, #d9edfa) 45%, #fff);
	--c-line: #e0e5eb;
	--c-field: #c3ccd6;
	--c-muted: #5f6b7a;

	margin: 18px 0 40px;
	color: var(--c-navy);
	font-size: 16px;
	line-height: 1.5;
}

.armd-commission .screen-reader-text,
.armd-earnings .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	white-space: nowrap;
}

.armd-commission :focus-visible,
.armd-earnings :focus-visible {
	outline: 2px solid var(--c-navy);
	outline-offset: 2px;
}

/* Filters: month, status, search */
.armd-earnings__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 14px 16px;
	margin: 0 0 16px;
}

.armd-earnings__field {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.armd-earnings__field.is-month {
	flex: 0 1 230px;
}

.armd-earnings__field.is-status {
	flex: none;
}

.armd-earnings__field.is-search {
	flex: 1 1 330px;
}

.armd-earnings__label {
	display: block;
	margin: 0 0 6px;
	padding: 0;
	font-family: var(--wp--preset--font-family--gilroy-medium);
	font-size: 14px;
	line-height: 1.3;
}

/* Over the theme's #affwp-affiliate-dashboard form select padding and border */
#affwp-affiliate-dashboard .armd-earnings select,
.armd-earnings input[type="search"] {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	margin: 0;
	border: 1px solid var(--c-field);
	border-radius: 6px;
	background-color: #fff;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-regular);
	font-size: 15px;
	line-height: 38px;
}

#affwp-affiliate-dashboard .armd-earnings select {
	padding: 0 36px 0 12px;
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 18px) 17px, calc(100% - 13px) 17px;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#affwp-affiliate-dashboard .armd-earnings select:focus,
.armd-earnings input[type="search"]:focus {
	border-color: var(--c-sky);
	outline: none;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-sky) 22%, transparent);
}

/* Status: four buttons in a row (radios, so arrow keys move between them) */
.armd-earnings__seg {
	display: flex;
	height: 40px;
}

.armd-earnings__seg label {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	margin: 0;
}

.armd-earnings__seg input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.armd-earnings__seg span {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	border: 1px solid var(--c-field);
	border-left-width: 0;
	background: #fff;
	font-family: var(--wp--preset--font-family--gilroy-medium);
	font-size: 15px;
	white-space: nowrap;
}

.armd-earnings__seg label:first-child span {
	border-left-width: 1px;
	border-radius: 6px 0 0 6px;
}

.armd-earnings__seg label:last-child span {
	border-radius: 0 6px 6px 0;
}

.armd-earnings__seg input:hover + span {
	background: var(--c-tint);
}

.armd-earnings__seg input:checked + span {
	border-color: var(--c-navy);
	background: var(--c-navy);
	color: #fff;
}

.armd-earnings__seg input:focus-visible + span {
	position: relative;
	z-index: 1;
	outline: 2px solid var(--c-navy);
	outline-offset: 2px;
}

/* Search, with a clear link once there's something in it */
.armd-earnings__search {
	position: relative;
}

.armd-earnings__search > svg {
	position: absolute;
	top: 11px;
	left: 12px;
	color: var(--c-muted);
	pointer-events: none;
}

.armd-earnings input[type="search"] {
	padding: 0 12px 0 38px;
}

.armd-earnings__search:has(.armd-earnings__clear) input[type="search"] {
	padding-right: 40px;
}

.armd-earnings input[type="search"]::placeholder {
	color: #7d8896;
}

.armd-earnings input[type="search"]::-webkit-search-cancel-button {
	appearance: none;
}

.armd-earnings__clear {
	position: absolute;
	top: 4px;
	right: 4px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: var(--c-muted);
}

.armd-earnings__clear:hover {
	background: var(--c-tint);
	color: var(--c-navy);
}

/* The form's own button, for when JavaScript is off; with it on, the month and status apply as they change
   and the button only comes back after a change made with the keyboard (armd-earnings.js). */
.armd-earnings__button,
.armd-earnings__submit {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid var(--c-navy);
	border-radius: 8px;
	background: #fff;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 15px;
	line-height: 1.3;
	text-decoration: none;
	cursor: pointer;
}

.armd-earnings__button:hover,
.armd-earnings__submit:hover {
	background: var(--c-navy);
	color: #fff;
}

.armd-earnings__submit {
	flex: none;
	height: 40px;
	margin: 0;
	padding: 0 16px;
}

.armd-earnings__submit[hidden] {
	display: none;
}

@media (scripting: enabled) {
	.armd-earnings__submit:not(.is-pending) {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
		white-space: nowrap;
	}
}

/* Totals for the current filters: one slim strip, "All months · 33 commissions | Earned … | Paid … | Unpaid …" */
.armd-earnings__totals {
	display: flex;
	align-items: stretch;
	margin: 0 0 14px;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: 10px;
	background: #fff;
}

/* The month, count, status and search: at most 40% of the strip, wrapping for a long search */
.armd-earnings__scope {
	display: flex;
	flex: 0 1 auto;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: baseline;
	gap: 0 6px;
	min-width: 0;
	max-width: 40%;
	padding: 11px 18px;
	background: var(--c-tint);
}

/* Group C: one line in place of the totals */
.armd-earnings__scope.is-wide {
	flex: 1 1 auto;
	max-width: none;
}

.armd-earnings__scope-name {
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 16px;
	line-height: 1.4;
}

.armd-earnings__scope-more {
	min-width: 0;
	color: var(--c-muted);
	font-size: 14px;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.armd-earnings__scope-more::before {
	content: "· ";
}

.armd-earnings__total {
	display: flex;
	flex: 1 1 0;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: baseline;
	gap: 0 8px;
	padding: 11px 18px;
	border-left: 1px solid var(--c-line);
}

.armd-earnings__total-label {
	display: flex;
	align-self: center;
	align-items: center;
	gap: 7px;
	font-family: var(--wp--preset--font-family--gilroy-medium);
	font-size: 15px;
}

.armd-earnings__total-label svg {
	flex: none;
}

.armd-earnings__total.is-paid svg {
	color: #1a7f37;
}

.armd-earnings__total.is-unpaid svg {
	color: #c25400;
}

.armd-earnings__total.is-earned svg {
	color: var(--c-navy);
}

.armd-earnings__total-amount {
	display: block;
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 18px;
	line-height: 1.4;
	white-space: nowrap;
}

.armd-earnings__total-excl {
	display: block;
	color: var(--c-muted);
	font-size: 13px;
	line-height: 1.4;
	white-space: nowrap;
}

/* "Showing 11–20 of 37 · Clear filters" */
.armd-earnings__meta {
	margin: 0 0 10px;
	font-size: 15px;
}

#affwp-affiliate-dashboard .armd-earnings .armd-earnings__count {
	margin: 0;
	color: var(--c-muted);
}

.armd-earnings__count:focus {
	outline: none;
}

.armd-earnings__count b {
	color: var(--c-navy);
	font-weight: 400;
}

.armd-earnings__reset {
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid var(--c-line);
	font-family: var(--wp--preset--font-family--gilroy-medium);
	white-space: nowrap;
}

/* The table */
.armd-earnings__table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.45;
}

.armd-earnings__table > thead > tr > th,
.armd-earnings__table > tbody > tr > td {
	padding: 8px 12px;
	border: 0;
	border-bottom: 1px solid var(--c-line);
	text-align: left;
	vertical-align: middle;
}

/* The theme gives every th in this tab the old table's light blue */
#affwp-affiliate-dashboard .armd-earnings .armd-earnings__table > thead > tr > th {
	padding-top: 9px;
	padding-bottom: 9px;
	background: #f7f7f7 !important;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.3;
	vertical-align: bottom;
}

.armd-earnings__table > thead small {
	display: block;
	color: var(--c-muted);
	font-family: var(--wp--preset--font-family--gilroy-regular);
	font-size: 12.5px;
}

.armd-earnings__table > tbody > tr:last-child > td {
	border-bottom: 0;
}

.armd-earnings__table > tbody > tr.is-row:hover > td {
	background: #fafcfe;
}

.armd-earnings__table .is-num {
	text-align: right;
}

.armd-earnings__table .is-date,
.armd-earnings__table .is-order {
	width: 1%;
	white-space: nowrap;
}

/* Status and Paid: as narrow as their contents */
.armd-earnings__table .is-status,
.armd-earnings__table .is-paid-date {
	width: 1%;
	white-space: nowrap;
}

/* The commission, and Incl. VAT and Excl. VAT side by side: the same width, figures right-aligned (Anthony, 14 Oct 2026) */
@media (min-width: 901px) {
	.armd-earnings__table .is-amount,
	.armd-earnings__table .is-excl {
		width: 84px;
		white-space: nowrap;
	}
}

/* 16%, so the usual products line fits beside the two VAT columns and Paid (Anthony, 14 Oct 2026) */
.armd-earnings__table .is-customer {
	width: 16%;
}

/* "Repeat", beside the customer's name (the gap is the name's, so a "Repeat" that wraps lines up under it) */
.armd-earnings__company {
	font-family: var(--wp--preset--font-family--gilroy-medium);
}

.armd-earnings__company:has(+ .armd-earnings__repeat) {
	margin-right: 8px;
}

/* The word sits on the name's baseline: an inline-flex box takes its baseline from its first item that is
   baseline-aligned, so the icon is centred on its own and the word gives the baseline (2.28.0; it sat high). */
.armd-earnings__repeat {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	color: #24527a;
	font-size: 12.5px;
	line-height: 1.3;
	white-space: nowrap;
}

.armd-earnings__repeat svg {
	flex: none;
	align-self: center;
	color: var(--c-sky);
}

#affwp-affiliate-dashboard .armd-earnings .armd-earnings__products {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Products on one line, separated by commas */
#affwp-affiliate-dashboard .armd-earnings .armd-earnings__products li {
	display: inline;
	margin: 0;
	padding: 0;
}

.armd-earnings__products li + li::before {
	content: ", ";
}

/* Breaks only after a comma or "·" (the template joins the other words), so a long line wraps there, not inside the
   product's name (Anthony, 14 Oct 2026) */
.armd-earnings__variant {
	color: var(--c-muted);
}

.armd-earnings__amount {
	display: block;
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 15.5px;
	white-space: nowrap;
}

/* The Excl. VAT column's figure again, under the amount: phones only (below) */
.armd-earnings__excl {
	display: none;
	color: var(--c-muted);
	font-size: 13px;
	line-height: 1.35;
	white-space: nowrap;
}

.armd-earnings .is-zero .armd-earnings__amount {
	color: var(--c-muted);
}

/* Excl. VAT: the size of the Incl. VAT figure, not bold */
.armd-earnings__table td.is-excl {
	font-size: 15.5px;
}

/* The Paid column: the paid date and the commission invoice number, empty otherwise */
.armd-earnings__table td.is-paid-date {
	color: var(--c-muted);
	font-size: 14px;
}

/* "Inv #45": downloads the commission invoice PDF */
.armd-earnings__table a.armd-earnings__invoice {
	color: var(--c-navy);
	text-decoration: underline;
	text-decoration-color: var(--c-sky);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.armd-earnings__table a.armd-earnings__invoice:hover {
	text-decoration-thickness: 2px;
}

/* Status: an icon and a word, never colour alone */
.armd-earnings__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 10px 2px 8px;
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--gilroy-medium);
	font-size: 14px;
	line-height: 1.5;
	white-space: nowrap;
}

.armd-earnings__badge svg {
	flex: none;
}

.armd-earnings__badge.is-unpaid {
	background: #fff1e3;
	color: #8f4400;
}

.armd-earnings__badge.is-paid {
	background: #e6f4ea;
	color: #176b30;
}

.armd-earnings__badge.is-cancelled {
	background: #eef1f4;
	color: #47515d;
}

.armd-earnings__badge.is-none {
	background: #fff;
	color: var(--c-muted);
	box-shadow: inset 0 0 0 1px #d5dbe2;
}

/* Empty: a new partner, or nothing matches */
.armd-earnings__empty {
	padding: 36px 24px;
	border: 1px dashed var(--c-field);
	border-radius: 10px;
	text-align: center;
}

.armd-earnings__empty-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin: 0 auto 12px;
	border-radius: 50%;
	background: var(--c-tint);
}

#affwp-affiliate-dashboard .armd-earnings .armd-earnings__empty-title {
	margin: 0 0 4px;
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 19px;
}

.armd-earnings__empty-title:focus {
	outline: none;
}

#affwp-affiliate-dashboard .armd-earnings .armd-earnings__empty-text {
	max-width: 32em;
	margin: 0 auto;
	color: var(--c-muted);
	font-size: 15px;
	overflow-wrap: anywhere;
}

.armd-earnings__empty .armd-earnings__button {
	margin-top: 14px;
}

/* Pages: Previous / 1 2 … 9 10 / Next (the site's blog pagination) */
.armd-earnings__pages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 18px 0 0;
}

#affwp-affiliate-dashboard .armd-earnings .armd-earnings__pages ol {
	display: flex;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#affwp-affiliate-dashboard .armd-earnings .armd-earnings__pages li {
	margin: 0;
	padding: 0;
}

.armd-earnings__page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	box-sizing: border-box;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--c-navy);
	border-radius: 8px;
	background: #fff;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-medium);
	font-size: 15px;
	line-height: 1;
	text-decoration: none;
}

.armd-earnings__page:hover,
.armd-earnings__page[aria-current="page"] {
	background: var(--c-navy);
	color: #fff;
}

.armd-earnings__page[aria-current="page"] {
	font-family: var(--wp--preset--font-family--gilroy-bold);
}

.armd-earnings__page[aria-disabled="true"] {
	border-color: #d5dbe2;
	background: #fff;
	color: #9aa5b1;
}

.armd-earnings__gap {
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
	min-width: 20px;
	height: 40px;
	padding-bottom: 10px;
	box-sizing: border-box;
	color: var(--c-muted);
}

/* Below 1280px: the paid date may wrap (after the "·"), so a long line still fits */
@media (min-width: 901px) and (max-width: 1279px) {
	.armd-earnings__table .is-paid-date {
		width: auto;
		white-space: normal;
	}
}

/* Tablets and phones: one bordered list, a compact block per sale. Customer and status; products; date, order and
   the commission; the paid date and invoice (paid sales only) with the amount excl. VAT. */
@media (max-width: 900px) {
	.armd-earnings__table,
	.armd-earnings__table > tbody {
		display: block;
	}

	.armd-earnings__table > thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
	}

	.armd-earnings__table > tbody > tr.is-row {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-template-areas:
			"customer customer status"
			"products products products"
			"date order amount"
			"paid paid amount";
		position: relative;
		padding: 10px 14px 11px;
		border-bottom: 1px solid var(--c-line);
		background: #fff;
	}

	.armd-earnings__table > tbody > tr.is-row:last-child {
		border-bottom: 0;
	}

	.armd-earnings__table > tbody > tr.is-row:hover > td {
		background: none;
	}

	.armd-earnings__table > tbody > tr > td,
	.armd-earnings__table > tbody > tr > td.is-date,
	.armd-earnings__table > tbody > tr > td.is-order,
	.armd-earnings__table > tbody > tr > td.is-customer,
	.armd-earnings__table > tbody > tr > td.is-excl,
	.armd-earnings__table > tbody > tr > td.is-status,
	.armd-earnings__table > tbody > tr > td.is-paid-date {
		display: block;
		width: auto;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}

	.armd-earnings__table > tbody > tr > td.is-customer {
		grid-area: customer;
		align-self: center;
		padding-right: 10px;
	}

	.armd-earnings__table .is-status {
		grid-area: status;
		align-self: center;
		justify-self: end;
	}

	.armd-earnings__table .is-products {
		grid-area: products;
		margin-top: 2px;
		font-size: 14.5px;
		line-height: 1.4;
	}

	.armd-earnings__table .is-date,
	.armd-earnings__table .is-order {
		margin-top: 7px;
		color: var(--c-muted);
		font-family: var(--wp--preset--font-family--gilroy-regular);
		font-size: 13.5px;
	}

	.armd-earnings__table .is-date {
		grid-area: date;
	}

	.armd-earnings__table .is-order {
		grid-area: order;
	}

	.armd-earnings__table td.is-order::before {
		content: "\00a0· Order ";
	}

	.armd-earnings__table .is-amount {
		grid-area: amount;
		margin-top: 6px;
		text-align: right;
	}

	.armd-earnings__excl {
		display: block;
	}

	/* Hidden from view but kept for screen readers, so every row keeps the same columns as the headers
	   (the amount cell repeats the excl. VAT figure for the eye, hidden from screen readers). */
	.armd-earnings__table > tbody > tr > td.is-excl,
	.armd-earnings__table > tbody > tr > td.is-paid-date.is-empty {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}

	.armd-earnings__table td.is-paid-date {
		grid-area: paid;
		align-self: end;
		font-size: 13px;
		line-height: 1.35;
		white-space: normal;
	}

	.armd-earnings__table td.is-paid-date:not(.is-empty)::before {
		content: "Paid ";
	}
}

@media (max-width: 767px) {
	.armd-earnings__field.is-month,
	.armd-earnings__field.is-status,
	.armd-earnings__field.is-search,
	.armd-earnings__submit {
		flex: 1 1 100%;
	}

	.armd-earnings__seg label {
		flex: 1 1 0;
	}

	.armd-earnings__seg span {
		padding: 0 4px;
		font-size: 13.5px;
	}

	/* Totals: the scope, then one line per total */
	.armd-earnings__totals {
		display: block;
	}

	.armd-earnings__scope {
		max-width: none;
		padding: 9px 14px;
	}

	.armd-earnings__total {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto auto;
		align-items: baseline;
		gap: 0 8px;
		padding: 7px 14px;
		border-top: 1px solid var(--c-line);
		border-left: 0;
	}

	.armd-earnings__total-amount {
		font-size: 17px;
		text-align: right;
	}

	.armd-earnings__reset {
		margin-left: 8px;
		padding-left: 8px;
	}

	.armd-earnings__pages {
		gap: 10px 8px;
	}

	#affwp-affiliate-dashboard .armd-earnings .armd-earnings__pages ol {
		flex: 1 1 100%;
		justify-content: center;
		order: -1;
	}

	.armd-earnings__pages > .armd-earnings__page {
		flex: 1 1 0;
	}
}

/* Share & Earn, My Client Portfolio and Tracking FAQs in My Earnings' look (Heinrich, 11 Oct 2026). Where My Earnings
   already has the piece (the notes strip, filters, search, the "Showing" line, the table, pages, the empty state), the
   markup reuses its classes; these rules add what's new. */
.armd-share,
.armd-creatives,
.armd-clients,
.armd-faq {
	--c-navy: var(--wp--preset--color--accent-1, #052c53);
	--c-sky: var(--wp--preset--color--custom-light-blue, #00b2f4);
	--c-tint: color-mix(in srgb, var(--wp--preset--color--custom-blue-background, #d9edfa) 45%, #fff);
	--c-line: #e0e5eb;
	--c-field: #c3ccd6;
	--c-muted: #5f6b7a;

	color: var(--c-navy);
	font-size: 16px;
	line-height: 1.5;
}

.armd-share :focus-visible,
.armd-creatives :focus-visible,
.armd-faq :focus-visible {
	outline: 2px solid var(--c-navy);
	outline-offset: 2px;
}

/* Share & Earn (2.28.4, Anthony's mockup): "Your partner profile" (a strip), then "Your referral link" (a card), each
   under a small heading; the link card has the link and Copy link on the left, the QR code on the right. */
#affwp-affiliate-dashboard .armd-share .armd-share__heading {
	margin: 0 0 8px;
	padding: 0 !important;
	border: 0;
	background: none;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}

#affwp-affiliate-dashboard .armd-share .armd-share__profile + .armd-share__heading {
	margin-top: 26px;
}

/* Over the theme's #affwp-affiliate-dashboard .affwp-tab-content p margins */
#affwp-affiliate-dashboard .armd-share .armd-share__intro,
#affwp-affiliate-dashboard .armd-creatives .armd-creatives__intro {
	margin: -4px 0 10px;
	color: var(--c-muted);
	font-size: 15px;
	line-height: 1.45;
	text-wrap: pretty;
}

#affwp-affiliate-dashboard .armd-creatives .armd-creatives__intro {
	margin: 0 0 16px;
}

.armd-share__card {
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: 10px;
}

.armd-share__link {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0 24px;
	align-items: center;
	padding: 16px 20px;
	background: var(--c-tint);
}

.armd-share__qr-title {
	display: block;
	margin: 0 0 6px;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-medium);
	font-size: 14px;
	line-height: 1.3;
}

.armd-share__field {
	display: flex;
	max-width: 720px;
}

/* Over the theme's and the browser's text inputs */
#affwp-affiliate-dashboard .armd-share__field input {
	flex: 1 1 auto;
	box-sizing: border-box;
	min-width: 0;
	height: 44px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--c-field);
	border-right: 0;
	border-radius: 6px 0 0 6px;
	background: #fff;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 17px;
	line-height: 42px;
}

#affwp-affiliate-dashboard .armd-share__field input:focus {
	border-color: var(--c-sky);
	outline: none;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-sky) 22%, transparent);
}

#affwp-affiliate-dashboard .armd-share__copy {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 132px;
	height: 44px;
	margin: 0;
	padding: 0 18px;
	border: 1px solid var(--c-navy);
	border-radius: 0 6px 6px 0;
	background: var(--c-navy);
	color: #fff;
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
}

#affwp-affiliate-dashboard .armd-share__copy:hover {
	background: #0a3d70;
}

/* "Copied": a tick on green, for two seconds */
#affwp-affiliate-dashboard .armd-share__copy.is-done {
	border-color: #176b30;
	background: #176b30;
}

.armd-share__copy svg,
.armd-share__button svg,
.armd-share__rates svg {
	flex: none;
}

.armd-share__qr {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-left: 24px;
	border-left: 1px solid var(--c-line);
}

.armd-share__qr[hidden] {
	display: none;
}

.armd-share__qr-code {
	display: block;
	flex: none;
	box-sizing: border-box;
	width: 76px;
	height: 76px;
	padding: 5px;
	border: 1px solid var(--c-line);
	border-radius: 6px;
	background: #fff;
}

.armd-share__qr-code svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* A small outlined button: My Earnings' .armd-earnings__button at 36px */
#affwp-affiliate-dashboard .armd-share__button {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 36px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--c-navy);
	border-radius: 8px;
	background: #fff;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 14.5px;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
}

#affwp-affiliate-dashboard .armd-share__button:hover {
	background: var(--c-navy);
	color: #fff;
}

/* Who you are: the company, the partner ID and the group, as one strip (the totals strip's look) */
#affwp-affiliate-dashboard .armd-share .armd-share__facts {
	display: flex;
	margin: 0;
	padding: 0;
	border: 1px solid var(--c-line);
	border-radius: 10px;
	list-style: none;
}

#affwp-affiliate-dashboard .armd-share .armd-share__facts li {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 11px 18px;
	font-size: 15px;
	line-height: 1.4;
}

#affwp-affiliate-dashboard .armd-share .armd-share__facts li + li {
	border-left: 1px solid var(--c-line);
}

#affwp-affiliate-dashboard .armd-share .armd-share__facts li.is-group {
	flex: 1 1 auto;
	min-width: 0;
}

.armd-share__company,
.armd-share__fact-value {
	font-family: var(--wp--preset--font-family--gilroy-bold);
}

.armd-share__fact-label {
	color: var(--c-muted);
}

/* The group's letter: My Earnings' navy circle, smaller */
.armd-share__letter {
	display: grid;
	flex: none;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--c-navy);
	color: #fff;
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 13px;
	line-height: 1;
}

.armd-share__group-text {
	min-width: 0;
}

.armd-share__rates {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-left: auto;
	padding-left: 12px;
	color: var(--c-sky);
	font-family: var(--wp--preset--font-family--gilroy-medium);
	white-space: nowrap;
	text-decoration: none;
}

.armd-share__rates:hover {
	color: var(--c-navy);
}

.armd-share__nowrap {
	white-space: nowrap;
}

/* Share & Earn: banners and images. AffiliateWP's creatives under My Earnings' filter row
   (templates/affiliatewp/dashboard-tab-creatives.php). */
.armd-creatives {
	margin: 32px 0 40px;
}

.armd-creatives .armd-earnings {
	margin-bottom: 0;
}

/* The type buttons are links, styled as My Earnings' status buttons; the counts are muted */
.armd-creatives .armd-earnings__seg a {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	color: inherit;
	text-decoration: none;
}

.armd-creatives .armd-earnings__seg a span {
	gap: 6px;
}

.armd-creatives .armd-earnings__seg a:first-child span {
	border-left-width: 1px;
	border-radius: 6px 0 0 6px;
}

.armd-creatives .armd-earnings__seg a:last-child span {
	border-radius: 0 6px 6px 0;
}

.armd-creatives .armd-earnings__seg a:hover span {
	background: var(--c-tint);
}

.armd-creatives .armd-earnings__seg a[aria-current="true"] span {
	border-color: var(--c-navy);
	background: var(--c-navy);
	color: #fff;
}

.armd-creatives .armd-earnings__seg small {
	color: var(--c-muted);
	font-family: var(--wp--preset--font-family--gilroy-regular);
	font-size: 13px;
}

.armd-creatives .armd-earnings__seg a[aria-current="true"] small {
	color: #c9d6e3;
}

.armd-creatives .armd-earnings__meta,
.armd-clients .armd-earnings__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2px 16px;
}


/* AffiliateWP's grid: as many 220px tiles as fit (five at 1280, two on phones). A tile opens AffiliateWP's window. */
.armd-creatives .affwp-creatives-view--as-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 14px;
}

.armd-creatives .affwp-creatives-view--as-grid .affwp-creative {
	min-width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: 10px;
	background: #fff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.armd-creatives .affwp-creatives-view--as-grid .affwp-creative:hover {
	border-color: var(--c-sky);
	box-shadow: 0 3px 12px rgba(5, 44, 83, 0.08);
}

/* The tile's own outline (the tile clips its contents) */
.armd-creatives .affwp-creatives-view--as-grid .affwp-creative:has(> [data-modal]:focus-visible) {
	outline: 2px solid var(--c-navy);
	outline-offset: 2px;
}

.armd-creatives .affwp-creative > [data-modal] {
	display: flex;
	flex-direction: column;
	height: 100%;
	cursor: pointer;
}

.armd-creatives .affwp-creative > [data-modal]:focus-visible {
	outline: none;
}

/* The picture on a light grey panel */
.armd-creatives .affwp-creatives-view--as-grid .affwp-creative-preview,
.armd-creatives .affwp-creatives-view--as-grid .affwp-creative:hover .affwp-creative-preview {
	display: grid;
	flex: none;
	place-items: center;
	box-sizing: border-box;
	height: 150px;
	aspect-ratio: auto;
	margin: 0;
	padding: 12px;
	border: 0;
	border-bottom: 1px solid var(--c-line);
	background: #f4f6f8;
}

.armd-creatives .affwp-creative-preview img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 126px;
	object-fit: contain;
}

.armd-creatives .affwp-creative-preview .affwp-qrcode-preview {
	display: block;
	box-sizing: border-box;
	width: 110px;
	padding: 6px;
	background: #fff;
}

.armd-creatives .affwp-creative-preview .affwp-qrcode-preview svg,
.armd-creatives .affwp-creative-preview .affwp-qrcode-preview img {
	display: block;
	width: 100%;
	max-height: none;
	height: auto;
}

/* The name (two lines at most), then the size */
.armd-creatives .affwp-creatives-view--as-grid .affwp-creative-name {
	display: -webkit-box;
	overflow: hidden;
	margin: 9px 12px 0;
	color: var(--c-navy);
	font-family: var(--wp--preset--font-family--gilroy-medium);
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.35;
	white-space: normal;
	text-overflow: clip;
	overflow-wrap: anywhere;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.armd-creatives .affwp-creative [data-content="type"] {
	margin: 2px 12px 11px;
	color: var(--c-muted);
	font-size: 13px;
	line-height: 1.4;
}

.armd-creatives .affwp-creatives-view--as-grid .affwp-creative-type,
.armd-creatives .affwp-creatives-view--as-grid .affwp-creative-size {
	color: var(--c-muted);
}

/* The size says it's an image; a QR code keeps its type as its only line */
.armd-creatives .affwp-creative[data-type="image"] [data-type-label] {
	display: none;
}

.armd-creatives .affwp-infinite-scroll-trigger {
	margin-top: 14px;
}

/* My Client Portfolio: Commission Transactions' table, search and pages, with the clients' columns */
.armd-clients .armd-earnings {
	margin-top: 0;
}

.armd-clients .armd-earnings__field.is-search {
	flex: 0 1 460px;
}

@media (min-width: 901px) {
	/* Client narrower, so Products sits further left and the figures on the right have room (Heinrich, 12 Oct 2026) */
	.armd-clients .armd-earnings__table .is-customer {
		width: 28%;
	}

	.armd-clients .armd-earnings__table .is-count,
	.armd-clients .armd-earnings__table .is-last,
	.armd-clients .armd-earnings__table .is-linked,
	.armd-clients .armd-earnings__table .is-amount {
		width: 1%;
		white-space: nowrap;
	}

	.armd-clients .armd-earnings__table .is-products {
		width: auto;
	}

	.armd-clients .armd-earnings__table .is-amount {
		padding-left: 28px;
	}

	/* "Commission incl. VAT" on one line (Heinrich, 12 Oct 2026) */
	.armd-clients .armd-earnings__table > thead .is-amount small {
		display: inline;
		margin-left: 4px;
	}
}

/* The email beside the company or name; it moves to the next line as a whole */
.armd-clients__email {
	display: inline-block;
	max-width: 100%;
	color: var(--c-muted);
	font-size: 14px;
	overflow-wrap: anywhere;
	vertical-align: baseline;
}

.armd-clients .armd-earnings__company:has(+ .armd-clients__email) {
	margin-right: 8px;
}

/* How clients are linked, beside "Showing 1–20 of 46" */
.armd-clients__hint {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--c-muted);
	font-size: 15px;
}

.armd-clients__hint svg {
	flex: none;
	color: var(--c-sky);
}

.armd-clients__none {
	color: #9aa5b1;
}

.armd-clients .armd-earnings__table td.is-last,
.armd-clients .armd-earnings__table td.is-linked {
	color: var(--c-muted);
	font-size: 14px;
}

/* The phone block's line of purchases and dates: phones only (the three columns say it on wider screens) */
@media (min-width: 901px) {
	.armd-clients .armd-earnings__table td.is-meta {
		display: none;
	}
}

@media (min-width: 901px) and (max-width: 1279px) {
	.armd-clients .armd-earnings__company + .armd-clients__email {
		display: block;
	}
}

/* Tracking FAQs: questions and answers in one card, the question on the left */
#affwp-affiliate-dashboard .armd-faq .armd-faq__list {
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: 10px;
}

.armd-faq__item {
	display: grid;
	grid-template-columns: minmax(0, 32%) minmax(0, 1fr);
	gap: 0 24px;
	padding: 12px 20px;
	border-bottom: 1px solid var(--c-line);
}

.armd-faq__item:last-child {
	border-bottom: 0;
}

#affwp-affiliate-dashboard .armd-faq .armd-faq__item dt {
	margin: 0;
	font-family: var(--wp--preset--font-family--gilroy-bold);
	font-size: 15.5px;
	font-weight: 400;
	line-height: 1.45;
}

#affwp-affiliate-dashboard .armd-faq .armd-faq__item dd {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	text-wrap: pretty;
}

@media (max-width: 1000px) {
	.armd-share__link {
		gap: 0 18px;
	}

	.armd-share__qr {
		padding-left: 18px;
	}
}

/* Client table on tablets and phones: one block per client, like a sale in Commission Transactions. The client and
   the commission; the email; the products; then purchases, last purchase and linked since, muted. */
@media (max-width: 900px) {
	.armd-clients .armd-earnings__table > tbody > tr.is-row {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"customer"
			"products"
			"meta";
	}

	.armd-clients .armd-earnings__table > tbody > tr > td.is-customer {
		align-self: start;
		padding-right: 0;
	}

	.armd-clients .armd-earnings__table > tbody > tr:not(.is-no-amount) .armd-earnings__company {
		display: block;
		padding-right: 100px;
	}

	.armd-clients .armd-earnings__company:has(+ .armd-clients__email) {
		margin-right: 0;
	}

	.armd-clients .armd-earnings__company + .armd-clients__email {
		display: block;
		font-size: 13.5px;
	}

	.armd-clients .armd-earnings__table .is-amount {
		position: absolute;
		top: 10px;
		right: 14px;
		margin-top: 0;
	}

	.armd-clients .armd-earnings__table .is-products {
		margin-top: 4px;
	}

	.armd-clients .armd-earnings__table > tbody > tr > td.is-meta {
		grid-area: meta;
		display: block;
		margin-top: 5px;
		color: var(--c-muted);
		font-family: var(--wp--preset--font-family--gilroy-regular);
		font-size: 13.5px;
	}

	.armd-clients .armd-earnings__table td.is-meta span {
		display: block;
		line-height: 1.45;
	}

	/* Hidden from view but kept for screen readers; td.is-meta repeats them for the eye (aria-hidden) */
	.armd-clients .armd-earnings__table > tbody > tr > td.is-count,
	.armd-clients .armd-earnings__table > tbody > tr > td.is-last,
	.armd-clients .armd-earnings__table > tbody > tr > td.is-linked {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}
}

@media (max-width: 767px) {
	.armd-share__link {
		grid-template-columns: minmax(0, 1fr);
		padding: 14px 16px;
	}

	.armd-share__field {
		flex-direction: column;
		gap: 8px;
	}

	#affwp-affiliate-dashboard .armd-share__field input {
		border-right: 1px solid var(--c-field);
		border-radius: 6px;
		font-size: 16px;
	}

	#affwp-affiliate-dashboard .armd-share__copy {
		width: 100%;
		border-radius: 8px;
	}

	/* The QR code under the link, big enough to show someone to scan */
	.armd-share__qr {
		margin-top: 14px;
		padding: 14px 0 0;
		border-top: 1px solid var(--c-line);
		border-left: 0;
	}

	.armd-share__qr-code {
		width: 64px;
		height: 64px;
	}

	#affwp-affiliate-dashboard .armd-share .armd-share__facts {
		flex-wrap: wrap;
	}

	#affwp-affiliate-dashboard .armd-share .armd-share__facts li {
		padding: 9px 14px;
		font-size: 14.5px;
	}

	#affwp-affiliate-dashboard .armd-share .armd-share__facts li.is-company {
		flex: 1 1 auto;
	}

	#affwp-affiliate-dashboard .armd-share .armd-share__facts li.is-group {
		flex: 1 1 100%;
		flex-wrap: wrap;
		border-top: 1px solid var(--c-line);
		border-left: 0;
	}

	.armd-share__group-text {
		flex: 1 1 calc(100% - 34px);
	}

	.armd-share__rates {
		margin-left: 34px;
		padding-left: 0;
	}

	.armd-creatives .affwp-creatives-view--as-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.armd-creatives .affwp-creatives-view--as-grid .affwp-creative-preview,
	.armd-creatives .affwp-creatives-view--as-grid .affwp-creative:hover .affwp-creative-preview {
		height: 112px;
		padding: 10px;
	}

	.armd-creatives .affwp-creative-preview img {
		max-height: 92px;
	}

	.armd-creatives .affwp-creative-preview .affwp-qrcode-preview {
		width: 88px;
	}

	.armd-creatives .affwp-creatives-view--as-grid .affwp-creative-name {
		margin: 8px 10px 0;
		font-size: 13.5px;
	}

	.armd-creatives .affwp-creative [data-content="type"] {
		margin: 2px 10px 10px;
	}

	.armd-creatives .armd-earnings__seg a {
		flex: 1 1 0;
	}

	.armd-creatives .armd-earnings__seg a span {
		padding: 0 4px;
		font-size: 13.5px;
	}

	.armd-clients .armd-earnings__field.is-search {
		flex: 1 1 100%;
	}

	.armd-faq__item {
		grid-template-columns: minmax(0, 1fr);
		padding: 11px 14px;
	}

	#affwp-affiliate-dashboard .armd-faq .armd-faq__item dd {
		margin-top: 2px;
		font-size: 14.5px;
	}
}

/* Partner Portal - Registration */

body #gform_wrapper_4 {
	display: none;
}

body.logged-in #gform_wrapper_4 {
	display: block !important;
}

body #gform_wrapper_1 {
	display: block !important;
}

body.logged-in #gform_wrapper_1 {
	display: none !important;
}

.gform_wrapper.gravity-theme .gsection.details-heading {
    padding: 0;
    margin-bottom: 15px;
}

.gform_wrapper.gravity-theme .gsection.details-heading h3 {
	margin-top: 15px;
}

/* Checkout */

body.empty-cart .wc-block-mini-cart {
	display: none;
}

#order_review td.product-name{
	width: 200px;
}

.woocommerce-table--order-details .woocommerce-table__product-name .wc-item-meta {
	margin-left: 0;
}

.shop_table .cart-discount a,
.page #field_3_40,
.page #field_3_41,
.page #field_3_42 {
	display: none;
}

.woocommerce-checkout .woocommerce table thead, .woocommerce-checkout .wc-block-order-confirmation-totals table thead,
.woocommerce-checkout .woocommerce .prorated-title {
    background: #0A2C52;
	color: #fff;
}

.woocommerce-checkout .woocommerce .order-total {
	background: #f2f2f2;
}
/* Affiliate dashboard tabs - sticky below the site header */
#affwp-affiliate-dashboard-tabs {
	position: sticky;
	top: var(--armd-sticky-offset, 76px);
	z-index: 100;
	background-color: var(--wp--preset--color--base);
	transition: box-shadow 0.2s ease;
}
#affwp-affiliate-dashboard-tabs.is-stuck {
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

/* The active tab in My Earnings' light blue, not the site's orange accent (Heinrich, 11 Oct 2026); phones below */
@media (min-width: 1001px) {
	body #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active,
	body #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active a,
	body #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a:hover {
		color: var(--wp--preset--color--custom-light-blue, #00b2f4) !important;
	}
}

/* Checkout – optional billing address toggle */
.woocommerce-checkout .armd-optional-address-field {
	display: none !important;
}

.woocommerce-checkout.armd-address-open .armd-optional-address-field {
	display: block !important;
}

.woocommerce-checkout.armd-address-open .armd-address-toggle__link {
	display: none !important;
}

.woocommerce-checkout.armd-address-open .armd-address-remove__link {
	display: inline !important;
}

.armd-address-toggle {
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.armd-address-toggle__link {
	font-size: 18px;
	color: var(--wp--preset--color--accent-1, #0073aa);
	cursor: pointer;
}

.armd-address-toggle__link:hover {
	color: var(--wp--preset--color--accent-2);
}

.armd-address-toggle__link::before {
	content: '+ ';
	font-weight: bold;
}

.armd-address-remove__link {
	display: none;
	font-size: 18px;
	color: var(--wp--preset--color--accent-1, #0073aa);
	cursor: pointer;
}

.armd-address-remove__link:hover {
	color: var(--wp--preset--color--accent-2);
}

.armd-address-remove__link::before {
	content: '- ';
	font-weight: bold;
}
/* Tab nav: mobile overrides */
@media (max-width: 1000px) {
	#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs {
		border: none !important;
	}
	#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
		background-color: #ffffff !important;
		border: none !important;
	}
	#affwp-affiliate-dashboard-tabs li a,
	#affwp-affiliate-dashboard-tabs li {
		color: #112c50 !important;
	}
	/* Active tab: My Earnings' light blue, with navy text (white on this blue is too faint to read) */
	#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active,
	#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active a {
		color: #052c53 !important;
		background-color: var(--wp--preset--color--custom-light-blue, #00b2f4) !important;
		border: none !important;
	}
}
/* "← Back to My Account" (always the first tab, never the active one) in that light blue on every tab, phones too;
   underlined on hover (Anthony, 16 Oct 2026). */
body #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li:first-child a {
	color: var(--wp--preset--color--custom-light-blue, #00b2f4) !important;
}
body #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li:first-child a:hover,
body #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li:first-child a:focus-visible {
	text-decoration: underline;
}
/* ETS checkout – inline field error message */
.armd-ets-inline-error {
        display: block;
        color: #cc0000;
        font-size: 0.85em;
        margin-top: 4px;
}

/* The partner discount's spare R0.00 rows, wherever WooCommerce or Subscriptions print them (the cart page
   too, which doesn't load the checkout stylesheet). */
tr:has(.armd-partner-zero) { display: none; }

/* Header: "Log out" always in ARMD's light blue, hover and the phone menu too (Heinrich, 19 Oct 2026). The theme forces
   it navy, orange on hover, with !important, so this needs the extra .wp-block-loginout to win. */
.wp-block-navigation__responsive-container-content .wp-block-loginout.logged-in a,
.wp-block-navigation__responsive-container-content .wp-block-loginout.logged-in a:hover {
	color: var(--wp--preset--color--custom-light-blue, #00b2f4) !important;
}