/*
 * Contrast batch (owner D4, 2026-11-04): small text in three kit colours did not reach WCAG AA (4.5:1) on white and on
 * the light grey background. Small text uses a darker shade of the same colour (theme.json settings.custom.color
 * *-strong); headings and large text keep the kit colours. Rules that override a palette class carry !important,
 * as WordPress prints its .has-*-color classes with !important. Measured: primary 3.46-3.77 -> 4.55-4.96, green
 * 2.64-2.87 -> 4.56-4.96, text-light 2.49-2.71 -> 4.51-4.91. Removing this file restores live's colours exactly.
 */

/* Red small text: eyebrows, labels, menu hover and current page, search result titles. */
.dfb-content .has-primary-color:is(.dfb-t-subtitle, .dfb-t-link, .dfb-t-link-small, .dfb-t-body, .dfb-t-body-small, .dfb-t-body-large),
.dfb-content .has-primary-color :is(.dfb-t-subtitle, .dfb-t-link, .dfb-t-body, .dfb-t-body-small),
.dfb-content :is(.dfb-t-subtitle, .dfb-t-link, .dfb-t-body, .dfb-t-body-small, .dfb-t-body-large) .has-primary-color,
.dfb-nav .wp-block-navigation-item:hover,
.dfb-nav .wp-block-navigation-item:has(> :focus-visible),
.dfb-nav .wp-block-navigation-item.current-menu-item,
.dfb-search-card-title a,
.dfb-search-crumb a {
	color: var(--wp--custom--color--primary-strong) !important;
}

/* Green small text, and the white text on green badges. */
.dfb-content .has-green-color:is(.dfb-t-subtitle, .dfb-t-link, .dfb-t-body, .dfb-t-body-small, .dfb-t-body-large),
.dfb-content :is(.dfb-t-subtitle, .dfb-t-link, .dfb-t-body, .dfb-t-body-small, .dfb-t-body-large) .has-green-color {
	color: var(--wp--custom--color--green-strong) !important;
}

.dfb-pill-green {
	background-color: var(--wp--custom--color--green-strong);
}

.dfb-pill-primary {
	background-color: var(--wp--custom--color--primary-strong);
}

/* Light grey small text: breadcrumb separators and small notes. */
.dfb-crumb-sep,
.dfb-content .has-text-light-color:is(.dfb-t-body-small, .dfb-t-body, .dfb-small),
.dfb-content :is(.dfb-t-body-small, .dfb-small) .has-text-light-color {
	color: var(--wp--custom--color--text-light-strong) !important;
}

/* White text on the solid red button (phone numbers on Toxic foods). */
.dfb-btn-solid-primary .wp-block-button__link {
	border-color: var(--wp--custom--color--primary-strong);
	background-color: var(--wp--custom--color--primary-strong);
}

/* Breadcrumb links next to grey text need an underline (link-in-text-block: colour alone is 2.35:1). */
.dfb-breadcrumb a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Contact form button (Fluent Forms prints its colour inline, hence !important). */
.dfb-contact .fluentform .ff-btn-submit {
	border-color: var(--wp--custom--color--primary-strong);
	background-color: var(--wp--custom--color--primary-strong) !important;
}