/**
 * brand.css — star red (#E4002B) accents. Loads after every other
 * sheet so these rules win. Red is used sparingly, the way the flag
 * uses its stars: kickers, the active nav underline, Free badges,
 * sponsor labels, the "most popular" plan tag and a red rule under
 * the masthead. Hover and focus already use --wcm-peach (red) via
 * main.css.
 */

:root {
	--wcm-red: #e4002b;
}

/* Nav and masthead stay black/blue/white; red appears in content only. */

/* Section kickers (small uppercase labels). */
.wcm-hero__kicker,
.wcm-dir__kicker,
.wcm-trending__kicker,
.wcm-sponsorbar__kicker,
.wcm-duo__kicker,
.wcm-listing__kicker,
.wcm-facts__kicker,
.wcm-guidebox__kicker,
.wcm-article__featkicker {
	color: var(--wcm-red);
}

/* Free badges on the events pages. */
.wcm-evrow__free,
.wcm-event__freebadge {
	background: var(--wcm-red);
	color: var(--wcm-white);
}

/* Labels that flag paid content. */
.wcm-spot__badge,
.wcm-article__sponsored {
	background: var(--wcm-red);
	color: var(--wcm-white);
}

.wcm-guide__presented mark {
	background: var(--wcm-red);
	color: var(--wcm-white);
}

/* "Most popular" plan tag on the pricing page. */
.wcm-plan--popular .wcm-plan__tag {
	color: var(--wcm-red);
}

/* Trending numerals. */
.wcm-trend__num {
	color: var(--wcm-red);
}

/* Submit bar on Ninja Forms: pale panel, red button centered, note above it. */
.wcm-nf .nf-field-container.submit-container {
	background: var(--wcm-cyan, #e6f5fc);
}

.wcm-nf .submit-container .nf-field,
.wcm-nf .wcm-nf-submit .nf-field {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.wcm-nf .wcm-nf-submit .nf-field::before {
	flex: none;
	color: var(--wcm-ink, #000);
}

.wcm-nf .submit-container input[type="button"],
.wcm-nf .submit-container input[type="submit"] {
	background: var(--wcm-red);
	color: var(--wcm-white, #fff);
	padding: 14px 32px;
}

.wcm-nf .submit-container input[type="button"]:hover,
.wcm-nf .submit-container input[type="submit"]:hover {
	background: var(--wcm-ink, #000);
}

/* Footer headings stay ink. */