/* ── Species buttons ─────────────────────────────────────────────────────────
 * One button style per Payback species (Beef, Dairy, …), using the product
 * band colors from the Payback Brand Standards. Like the bands, labels are
 * Phonk Regular in all caps. Each style only sets its colors as custom
 * properties; the shared rule below applies them. Label colors are the
 * {species}-text tokens in theme.json, which links on species backgrounds
 * also use (style.css): black on Dairy, Poultry, Swine, Organic and
 * Multi-species, which fail contrast with white; white on the rest.
 */

.wp-block-button.is-style-beef {
	--payback-species--bg: var(--wp--preset--color--beef);
	--payback-species--bg-hover: var(--wp--custom--color--beef-hover);
	--payback-species--text: var(--wp--custom--color--beef-text);
}

.wp-block-button.is-style-dairy {
	--payback-species--bg: var(--wp--preset--color--dairy);
	--payback-species--bg-hover: var(--wp--custom--color--dairy-hover);
	--payback-species--text: var(--wp--custom--color--dairy-text);
}

.wp-block-button.is-style-goat {
	--payback-species--bg: var(--wp--preset--color--goat);
	--payback-species--bg-hover: var(--wp--custom--color--goat-hover);
	--payback-species--text: var(--wp--custom--color--goat-text);
}

.wp-block-button.is-style-poultry {
	--payback-species--bg: var(--wp--preset--color--poultry);
	--payback-species--bg-hover: var(--wp--custom--color--poultry-hover);
	--payback-species--text: var(--wp--custom--color--poultry-text);
}

.wp-block-button.is-style-sheep {
	--payback-species--bg: var(--wp--preset--color--sheep);
	--payback-species--bg-hover: var(--wp--custom--color--sheep-hover);
	--payback-species--text: var(--wp--custom--color--sheep-text);
}

.wp-block-button.is-style-swine {
	--payback-species--bg: var(--wp--preset--color--swine);
	--payback-species--bg-hover: var(--wp--custom--color--swine-hover);
	--payback-species--text: var(--wp--custom--color--swine-text);
}

.wp-block-button.is-style-show {
	--payback-species--bg: var(--wp--preset--color--show);
	--payback-species--bg-hover: var(--wp--custom--color--show-hover);
	--payback-species--text: var(--wp--custom--color--show-text);
}

.wp-block-button.is-style-specialty {
	--payback-species--bg: var(--wp--preset--color--specialty);
	--payback-species--bg-hover: var(--wp--custom--color--specialty-hover);
	--payback-species--text: var(--wp--custom--color--specialty-text);
}

/* Equine color is a placeholder, subject to change. */
.wp-block-button.is-style-equine {
	--payback-species--bg: var(--wp--preset--color--equine);
	--payback-species--bg-hover: var(--wp--custom--color--equine-hover);
	--payback-species--text: var(--wp--custom--color--equine-text);
}

.wp-block-button.is-style-organic {
	--payback-species--bg: var(--wp--preset--color--organic);
	--payback-species--bg-hover: var(--wp--custom--color--organic-hover);
	--payback-species--text: var(--wp--custom--color--organic-text);
}

/* PMS 2441 C — reserved for true multi-species products and categories that
 * span species (Grain, Universal, Kountry Buffet, Mineral). */
.wp-block-button.is-style-multi-species {
	--payback-species--bg: var(--wp--preset--color--rose);
	--payback-species--bg-hover: var(--wp--custom--color--multi-species-hover);
	--payback-species--text: var(--wp--custom--color--multi-species-text);
}

.wp-block-button.is-style-beef .wp-block-button__link,
.wp-block-button.is-style-dairy .wp-block-button__link,
.wp-block-button.is-style-goat .wp-block-button__link,
.wp-block-button.is-style-poultry .wp-block-button__link,
.wp-block-button.is-style-sheep .wp-block-button__link,
.wp-block-button.is-style-swine .wp-block-button__link,
.wp-block-button.is-style-show .wp-block-button__link,
.wp-block-button.is-style-specialty .wp-block-button__link,
.wp-block-button.is-style-equine .wp-block-button__link,
.wp-block-button.is-style-organic .wp-block-button__link,
.wp-block-button.is-style-multi-species .wp-block-button__link {
	background-color: var(--payback-species--bg);
	/* Square, like the product bands. !important: the shared button rule in
	   button.css sets the 5px radius with !important (CHSM-67). */
	border-radius: 0 !important;
	color: var(--payback-species--text);
	font-family: var(--wp--preset--font-family--phonk);
	/* Phonk ships in Regular only — anything heavier is faux-bolded. */
	font-weight: 400;
	text-transform: uppercase;
}

.wp-block-button.is-style-beef .wp-block-button__link:hover,
.wp-block-button.is-style-dairy .wp-block-button__link:hover,
.wp-block-button.is-style-goat .wp-block-button__link:hover,
.wp-block-button.is-style-poultry .wp-block-button__link:hover,
.wp-block-button.is-style-sheep .wp-block-button__link:hover,
.wp-block-button.is-style-swine .wp-block-button__link:hover,
.wp-block-button.is-style-show .wp-block-button__link:hover,
.wp-block-button.is-style-specialty .wp-block-button__link:hover,
.wp-block-button.is-style-equine .wp-block-button__link:hover,
.wp-block-button.is-style-organic .wp-block-button__link:hover,
.wp-block-button.is-style-multi-species .wp-block-button__link:hover {
	background-color: var(--payback-species--bg-hover);
	color: var(--payback-species--text);
}