/**
 * Kadence Advanced Buttons — match theme hero buttons.
 *
 * Important: `.kb-buttons-wrap` is often on the SAME node as `.wp-block-kadence-advancedbtn`
 * (not a nested wrapper), so we never rely on “ancestor .kb-buttons-wrap” only.
 * Kadence also sets --global-palette-btn-* and per-instance classes like .kb-btn5_xxxxx.
 */

/* Shared typography + box (matches .ls-hero__btn); kt-button optional in KB markup */
.wp-block-kadence-advancedbtn a.kb-button,
.wp-block-kadence-advancedbtn button.kb-button,
.wp-block-kadence-advancedbtn.kb-buttons-wrap a.kb-button,
.wp-block-kadence-advancedbtn.kb-buttons-wrap button.kb-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	font-family: var(--ls-font-body), system-ui, sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	padding: 0.95rem 1.35rem !important;
	border-radius: 2px !important;
	line-height: 1.2 !important;
	box-sizing: border-box;
	transition:
		transform 0.22s ease,
		box-shadow 0.22s ease,
		border-color 0.2s,
		background-color 0.2s,
		color 0.2s,
		filter 0.2s;
}

.wp-block-kadence-advancedbtn a.kb-button .kt-btn-inner-text,
.wp-block-kadence-advancedbtn button.kb-button .kt-btn-inner-text {
	font: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
}

/* --- Fill — navy (override Kadence palette vars + rules) --- */
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-fill,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-fill,
.wp-block-kadence-advancedbtn.kb-buttons-wrap a.kb-button.kb-btn-global-fill,
.wp-block-kadence-advancedbtn.kb-buttons-wrap button.kb-button.kb-btn-global-fill {
	--global-palette-btn-bg: var(--ls-navy) !important;
	--global-palette-btn: #ffffff !important;
	--global-palette-btn-border: var(--ls-navy) !important;
	background: var(--ls-navy) !important;
	background-color: var(--ls-navy) !important;
	color: #fff !important;
	border: 2px solid var(--ls-navy) !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}

.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-fill:hover,
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-fill:focus-visible,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-fill:hover,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-fill:focus-visible {
	color: #fff !important;
	filter: brightness(1.12);
	box-shadow: 0 6px 22px rgba(0, 33, 55, 0.28) !important;
	transform: translateY(-2px);
	text-decoration: none !important;
}

.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-fill:active,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-fill:active {
	transform: translateY(0);
	filter: brightness(1.02);
	box-shadow: 0 2px 10px rgba(0, 33, 55, 0.18) !important;
}

/* --- Outline — white + light border --- */
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-outline,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-outline,
.wp-block-kadence-advancedbtn.kb-buttons-wrap a.kb-button.kb-btn-global-outline,
.wp-block-kadence-advancedbtn.kb-buttons-wrap button.kb-button.kb-btn-global-outline {
	--global-palette-btn-bg: #ffffff !important;
	--global-palette-btn: var(--ls-navy) !important;
	--global-palette-btn-border: var(--ls-border-light) !important;
	background: #fff !important;
	background-color: #fff !important;
	color: var(--ls-navy) !important;
	border: 2px solid var(--ls-border-light) !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}

.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-outline:hover,
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-outline:focus-visible,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-outline:hover,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-outline:focus-visible {
	background: var(--ls-surface-container) !important;
	background-color: var(--ls-surface-container) !important;
	border-color: var(--ls-navy) !important;
	color: var(--ls-navy) !important;
	box-shadow: 0 4px 18px rgba(0, 33, 55, 0.12) !important;
	transform: translateY(-2px);
	text-decoration: none !important;
}

.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-outline:active,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-outline:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(0, 33, 55, 0.08) !important;
}

/* --- Inherit (Theme base) — navy border --- */
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-inherit:not(.button-style-secondary),
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-inherit:not(.button-style-secondary),
.wp-block-kadence-advancedbtn.kb-buttons-wrap a.kb-button.kb-btn-global-inherit:not(.button-style-secondary),
.wp-block-kadence-advancedbtn.kb-buttons-wrap button.kb-button.kb-btn-global-inherit:not(.button-style-secondary) {
	--global-palette-btn-bg: #ffffff !important;
	--global-palette-btn: var(--ls-navy) !important;
	--global-palette-btn-border: var(--ls-navy) !important;
	background: #fff !important;
	background-color: #fff !important;
	color: var(--ls-navy) !important;
	border: 2px solid var(--ls-navy) !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}

.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-inherit:not(.button-style-secondary):hover,
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-inherit:not(.button-style-secondary):focus-visible,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-inherit:not(.button-style-secondary):hover,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-inherit:not(.button-style-secondary):focus-visible {
	background: var(--ls-surface-container) !important;
	background-color: var(--ls-surface-container) !important;
	border-color: var(--ls-navy) !important;
	color: var(--ls-navy) !important;
	box-shadow: 0 4px 18px rgba(0, 33, 55, 0.12) !important;
	transform: translateY(-2px);
	text-decoration: none !important;
}

/* --- Inherit + Theme Secondary — gold --- */
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-inherit.button-style-secondary,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-inherit.button-style-secondary,
.wp-block-kadence-advancedbtn.kb-buttons-wrap a.kb-button.kb-btn-global-inherit.button-style-secondary,
.wp-block-kadence-advancedbtn.kb-buttons-wrap button.kb-button.kb-btn-global-inherit.button-style-secondary {
	--global-palette-btn-bg: var(--ls-bundle-gold) !important;
	--global-palette-btn: var(--ls-bundle-gold-text) !important;
	--global-palette-btn-border: var(--ls-bundle-gold) !important;
	background: var(--ls-bundle-gold) !important;
	background-color: var(--ls-bundle-gold) !important;
	color: var(--ls-bundle-gold-text) !important;
	border: 2px solid var(--ls-bundle-gold) !important;
	border-radius: 2px !important;
	filter: brightness(1.08) saturate(1.06);
	box-shadow: none !important;
}

.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-inherit.button-style-secondary:hover,
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-inherit.button-style-secondary:focus-visible,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-inherit.button-style-secondary:hover,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-inherit.button-style-secondary:focus-visible {
	filter: brightness(1.15) saturate(1.02);
	box-shadow: 0 5px 20px rgba(0, 33, 55, 0.18) !important;
	transform: translateY(-2px);
	text-decoration: none !important;
}

.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-inherit.button-style-secondary:active,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-inherit.button-style-secondary:active {
	transform: translateY(0);
	filter: brightness(1.02);
}

/* Focus */
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-fill:focus-visible,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-fill:focus-visible {
	outline: 2px solid var(--ls-navy);
	outline-offset: 3px;
}

.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-outline:focus-visible,
.wp-block-kadence-advancedbtn a.kb-button.kb-btn-global-inherit:focus-visible,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-outline:focus-visible,
.wp-block-kadence-advancedbtn button.kb-button.kb-btn-global-inherit:focus-visible {
	outline: 2px solid var(--ls-navy);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-kadence-advancedbtn a.kb-button,
	.wp-block-kadence-advancedbtn button.kb-button {
		transition: border-color 0.2s, background-color 0.2s, color 0.2s;
	}

	.wp-block-kadence-advancedbtn a.kb-button:hover,
	.wp-block-kadence-advancedbtn a.kb-button:focus-visible,
	.wp-block-kadence-advancedbtn a.kb-button:active,
	.wp-block-kadence-advancedbtn button.kb-button:hover,
	.wp-block-kadence-advancedbtn button.kb-button:focus-visible,
	.wp-block-kadence-advancedbtn button.kb-button:active {
		transform: none;
	}
}