/**
 * BRED unified button states.
 *
 * One source of truth for the interactive states of every light-background CTA:
 * core buttons (.wp-element-button), the header account CTAs, and Gravity Forms
 * submit/next buttons. Bases (navy fill / outline / 8px) are set elsewhere;
 * this layers the Figma "C.Button" states on top so they all behave alike:
 *   fill   → gradient hover (#0069A5 → #192A6B), blue pressed, grey disabled
 *   outline→ cyan hover (#E5F9FE), deeper cyan pressed, grey disabled
 *
 * The bred/button block ships its own copy of these states (variant-scoped);
 * section blocks whose CTAs sit on dark backgrounds (reversed) are handled
 * per-block, not here.
 */

/* ============================ PRIMARY (navy fill) ============================ */

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.wp-block-bred-site-header__cta.is-primary:hover,
.bred-gform_wrapper .gform_button:hover,
.bred-gform_wrapper .gform_next_button:hover,
.bred-gform_wrapper input[type="submit"]:hover,
.bred-gform_wrapper button[type="submit"]:hover {
	background: linear-gradient(
		90deg,
		var(--wp--preset--color--primary),
		var(--wp--preset--color--primary-dark)
	) !important;
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:active,
.wp-block-bred-site-header__cta.is-primary:active,
.bred-gform_wrapper .gform_button:active,
.bred-gform_wrapper .gform_next_button:active,
.bred-gform_wrapper input[type="submit"]:active,
.bred-gform_wrapper button[type="submit"]:active {
	background: var(--wp--preset--color--primary) !important;
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:disabled,
.wp-block-button:not(.is-style-outline) > .wp-block-button__link[aria-disabled="true"],
.bred-gform_wrapper .gform_button:disabled,
.bred-gform_wrapper .gform_next_button:disabled,
.bred-gform_wrapper input[type="submit"]:disabled,
.bred-gform_wrapper button[type="submit"]:disabled {
	background: var(--wp--preset--color--neutral-20) !important;
	color: #929291 !important;
	opacity: 1 !important;
	cursor: not-allowed;
}

/* ========================= SECONDARY (navy outline) ========================= */

.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-bred-site-header__cta.is-outline {
	background: transparent !important;
	color: var(--wp--preset--color--primary-dark) !important;
	border: 1px solid var(--wp--preset--color--primary-dark) !important;
	border-radius: 8px !important;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-bred-site-header__cta.is-outline:hover {
	background: var(--wp--preset--color--accent-mg-10) !important;
	color: var(--wp--preset--color--primary-dark) !important;
}

.wp-block-button.is-style-outline > .wp-block-button__link:active,
.wp-block-bred-site-header__cta.is-outline:active {
	background: var(--wp--preset--color--accent-mg-30) !important;
}

.wp-block-button.is-style-outline > .wp-block-button__link:disabled,
.wp-block-button.is-style-outline > .wp-block-button__link[aria-disabled="true"] {
	background: transparent !important;
	border-color: var(--wp--preset--color--neutral-30) !important;
	color: #929291 !important;
	opacity: 1 !important;
	cursor: not-allowed;
}

/* ================ BRED section/component CTAs (primary buttons) ================
   Every BRED block's primary CTA is the `…__cta` link (never `…__cta-row`,
   `…__cta-label`, `…__cta-icon`). Unify them to the navy primary + states,
   overriding each block's own colour. Reversed (dark-background) sections are
   overridden further down.
   Exception: `…push-app__cta` and `…section-text__cta` are text links by
   design (underlined + sliding arrow), so they're excluded here and keep the
   underlined-link style from their own block. */

[class*="wp-block-bred-"][class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):not(.wp-block-bred-site-header__cta) {
	background: var(--wp--preset--color--primary-dark) !important;
	color: var(--wp--preset--color--white) !important;
	border-color: transparent !important;
	border-radius: 8px !important;
	/* Unify the CTA height to the Figma "C.Button" 44px. border-box makes
	   min-height the TOTAL height (some blocks were content-box, so min-height
	   44 + padding stacked into a 60px button; others were only 40px). */
	box-sizing: border-box !important;
	min-height: 44px !important;
}

[class*="wp-block-bred-"][class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):not(.wp-block-bred-site-header__cta):hover {
	background: linear-gradient(
		90deg,
		var(--wp--preset--color--primary),
		var(--wp--preset--color--primary-dark)
	) !important;
}

[class*="wp-block-bred-"][class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):not(.wp-block-bred-site-header__cta):active {
	background: var(--wp--preset--color--primary) !important;
}

[class*="wp-block-bred-"][class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):not(.wp-block-bred-site-header__cta)[aria-disabled="true"] {
	background: var(--wp--preset--color--neutral-20) !important;
	color: #929291 !important;
	cursor: not-allowed;
}

/* ---- Reversed: sections with a dark navy background ----
   Always-dark heroes + any block carrying the .is-bg-primary-dark modifier +
   the navy-band sections. Their primary CTA becomes white-on-navy. */
.wp-block-bred-hero-glyphe [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta),
.wp-block-bred-hero-image [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta),
.wp-block-bred-hero-text [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta),
.wp-block-bred-hero-job [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta),
.wp-block-bred-hero-article [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta),
.wp-block-bred-section-crosssell [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta),
.wp-block-bred-selection-jobs [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta),
[class*="wp-block-bred-"].is-bg-primary-dark [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta),
[class*="wp-block-bred-"].is-bg-primary [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta) {
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--primary-dark) !important;
	border-color: transparent !important;
}
.wp-block-bred-hero-glyphe [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):hover,
.wp-block-bred-hero-image [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):hover,
.wp-block-bred-hero-text [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):hover,
.wp-block-bred-hero-job [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):hover,
.wp-block-bred-hero-article [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):hover,
.wp-block-bred-section-crosssell [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):hover,
.wp-block-bred-selection-jobs [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):hover,
[class*="wp-block-bred-"].is-bg-primary-dark [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):hover,
[class*="wp-block-bred-"].is-bg-primary [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):hover {
	background: var(--wp--preset--color--neutral-20) !important;
}
.wp-block-bred-hero-glyphe [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):active,
.wp-block-bred-hero-image [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):active,
.wp-block-bred-hero-text [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):active,
.wp-block-bred-hero-job [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):active,
.wp-block-bred-hero-article [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):active,
.wp-block-bred-section-crosssell [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):active,
.wp-block-bred-selection-jobs [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):active,
[class*="wp-block-bred-"].is-bg-primary-dark [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):active,
[class*="wp-block-bred-"].is-bg-primary [class*="__cta"]:not([class*="__cta-"]):not([class*="__ctas"]):not(.is-secondary):not(.is-outline):not(.wp-block-bred-push-app__cta):not(.wp-block-bred-section-text__cta):active {
	background: var(--wp--preset--color--accent-mg-10) !important;
	color: var(--wp--preset--color--primary) !important;
}