/**
 * brand.css — Boston brick-red accents. Loads after every other sheet
 * so these rules win. Brick red (#A6192E) marks kickers, Free and
 * Sponsored badges, trending numerals, the "most popular" plan tag and
 * the Ninja Forms submit button. Gold (#F2C75C, the --btm-powder token)
 * carries highlights, bands and rules from main.css.
 */

:root {
	--btm-accent: #a73832;
	--btm-red: var(--btm-accent); /* legacy token name from the shared CSS */
}

/* Nav and masthead stay navy and gold; the accent appears in content only. */

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

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

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

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

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

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

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

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

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

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

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

/* Footer headings stay ink. */


/* ------------------------------------------------------------------
 * Green as the primary. Text and rules stay black (--btm-ink); the
 * solid fills below (bands, buttons, active pills) take the green.
 * ---------------------------------------------------------------- */
.btm-band,
.btm-button,
.btm-hero__btn,
.btm-band__btn--ink,
.btm-dirsearch__btn,
.btm-claim__btn,
.btm-sponsorbar__btn,
.btm-article__featbtn,
.btm-sitemap__btn,
.btm-pill.is-on,
button.btm-pill.is-on,
.btm-pagination .page-numbers.current,
.btm-highlight--ink,
.btm-nf .btm-nf-submit input[type="submit"],
.btm-nf .submit-container input[type="submit"] {
	background: var(--btm-green);
	color: var(--btm-white);
}
.btm-pill.is-on,
button.btm-pill.is-on,
.btm-pagination .page-numbers.current {
	border-color: var(--btm-green);
}
.btm-button:hover,
.btm-hero__btn:hover,
.btm-band__btn--ink:hover,
.btm-dirsearch__btn:hover,
.btm-claim__btn:hover,
.btm-sponsorbar__btn:hover,
.btm-article__featbtn:hover,
.btm-sitemap__btn:hover,
.btm-nf .btm-nf-submit input[type="submit"]:hover,
.btm-nf .submit-container input[type="submit"]:hover {
	background: var(--btm-ink);
	color: var(--btm-white);
}
/* Gold text is too faint on green: masthead second word and band
 * sub-lines go white; the gold shows as a rule under the masthead. */
.btm-masthead__title span,
.btm-band__sub,
.btm-topbar__cta:hover {
	color: var(--btm-white);
}
.btm-masthead__title span { opacity: 0.82; }
.btm-mast { border-bottom: 6px solid var(--btm-powder); }