/**
 * UI-kit bridge — stage 1 button unification.
 * Lets .iifin-btn variants win over legacy page shields (!important where needed).
 */

button.iifin-btn.iifin-btn--secondary,
a.iifin-btn.iifin-btn--secondary,
.iifin-btn.iifin-btn--secondary {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--iifin-accent-dark) !important;
	border: 1px solid var(--iifin-accent-border) !important;
	box-shadow: none !important;
}

button.iifin-btn.iifin-btn--secondary:hover,
a.iifin-btn.iifin-btn--secondary:hover,
.iifin-btn.iifin-btn--secondary:hover {
	background: var(--iifin-accent-soft) !important;
	background-color: var(--iifin-accent-soft) !important;
}

button.iifin-btn.iifin-btn--ai,
a.iifin-btn.iifin-btn--ai,
.iifin-btn.iifin-btn--ai {
	background: var(--iifin-ai-soft) !important;
	background-color: var(--iifin-ai-soft) !important;
	color: var(--iifin-ai) !important;
	border: 1px solid var(--iifin-ai-border) !important;
	border-radius: var(--iifin-radius-btn) !important;
	box-shadow: none !important;
}

button.iifin-btn.iifin-btn--ai .material-symbols-outlined,
button.iifin-btn.iifin-btn--ai svg,
a.iifin-btn.iifin-btn--ai .material-symbols-outlined,
a.iifin-btn.iifin-btn--ai svg,
.iifin-btn.iifin-btn--ai .material-symbols-outlined,
.iifin-btn.iifin-btn--ai svg {
	color: currentColor !important;
	-webkit-text-fill-color: currentColor !important;
}

button.iifin-btn.iifin-btn--assistant,
a.iifin-btn.iifin-btn--assistant,
.iifin-btn.iifin-btn--assistant {
	background-color: rgba(238, 249, 248, 0.55) !important;
	background-image: var(--iifin-assistant-fill) !important;
	background: var(--iifin-assistant-fill) !important;
	color: var(--iifin-assistant-text) !important;
	-webkit-text-fill-color: var(--iifin-assistant-text) !important;
	border: 1px solid var(--iifin-assistant-border) !important;
	border-width: 1px !important;
	border-radius: var(--iifin-radius-pill) !important;
	box-shadow: var(--iifin-assistant-shadow) !important;
}

button.iifin-btn.iifin-btn--assistant:hover,
button.iifin-btn.iifin-btn--assistant:focus,
a.iifin-btn.iifin-btn--assistant:hover,
a.iifin-btn.iifin-btn--assistant:focus,
.iifin-btn.iifin-btn--assistant:hover,
.iifin-btn.iifin-btn--assistant:focus {
	background-color: rgba(223, 245, 244, 0.68) !important;
	background-image: var(--iifin-assistant-fill-hover) !important;
	background: var(--iifin-assistant-fill-hover) !important;
	border-color: rgba(36, 168, 166, 0.48) !important;
	color: var(--iifin-assistant-text) !important;
	-webkit-text-fill-color: var(--iifin-assistant-text) !important;
	box-shadow: var(--iifin-assistant-shadow-hover) !important;
}

button.iifin-btn.iifin-btn--assistant .material-symbols-outlined,
button.iifin-btn.iifin-btn--assistant svg,
a.iifin-btn.iifin-btn--assistant .material-symbols-outlined,
a.iifin-btn.iifin-btn--assistant svg,
.iifin-btn.iifin-btn--assistant .material-symbols-outlined,
.iifin-btn.iifin-btn--assistant svg {
	color: var(--iifin-assistant-icon) !important;
	-webkit-text-fill-color: var(--iifin-assistant-icon) !important;
}

button.iifin-btn.iifin-btn--assistant:hover .material-symbols-outlined,
button.iifin-btn.iifin-btn--assistant:focus .material-symbols-outlined,
a.iifin-btn.iifin-btn--assistant:hover .material-symbols-outlined,
a.iifin-btn.iifin-btn--assistant:focus .material-symbols-outlined,
.iifin-btn.iifin-btn--assistant:hover .material-symbols-outlined,
.iifin-btn.iifin-btn--assistant:focus .material-symbols-outlined {
	color: var(--iifin-assistant-text) !important;
	-webkit-text-fill-color: var(--iifin-assistant-text) !important;
}

#iifin-investments button.iifin-btn.iifin-btn--ai,
#iifin-investments a.iifin-btn.iifin-btn--ai {
	border-radius: var(--iifin-radius-btn) !important;
}

#iifin-investments button.iifin-btn.iifin-btn--assistant,
#iifin-investments a.iifin-btn.iifin-btn--assistant {
	border-radius: var(--iifin-radius-pill) !important;
}

#iifin-investments button.iifin-btn.iifin-btn--primary,
#iifin-investments a.iifin-btn.iifin-btn--primary {
	background: var(--iifin-gradient-primary) !important;
	color: var(--iifin-text-inverse) !important;
	border-color: transparent !important;
	border-radius: var(--iifin-radius-btn) !important;
	box-shadow: var(--iifin-shadow-button) !important;
}

#iifin-portfolio-island button.iifin-btn.iifin-btn--primary,
#iifin-portfolio-island a.iifin-btn.iifin-btn--primary,
body > #iifin-portfolio-add-overlay button.iifin-btn.iifin-btn--primary,
body > #iifin-portfolio-analytics-modal button.iifin-btn.iifin-btn--primary {
	background: var(--iifin-gradient-primary) !important;
	color: var(--iifin-text-inverse) !important;
	border-color: transparent !important;
	border-radius: var(--iifin-radius-btn) !important;
	box-shadow: var(--iifin-shadow-button) !important;
}

#iifin-portfolio-island button.iifin-btn.iifin-btn--secondary,
body > #iifin-portfolio-add-overlay button.iifin-btn.iifin-btn--secondary,
body > #iifin-portfolio-analytics-modal button.iifin-btn.iifin-btn--secondary {
	box-shadow: none !important;
}

#iifin-portfolio-island button.iifin-btn.iifin-btn--utility,
body > #iifin-portfolio-analytics-modal button.iifin-btn.iifin-btn--utility {
	background: var(--iifin-surface-white) !important;
	color: var(--iifin-text-main) !important;
	border-color: var(--iifin-border-soft) !important;
	box-shadow: var(--iifin-shadow-xs) !important;
	border-radius: var(--iifin-radius-btn) !important;
}

#iifin-portfolio-island button.iifin-btn.iifin-btn--danger,
body > #iifin-portfolio-add-overlay button.iifin-btn.iifin-btn--danger,
body > #iifin-portfolio-analytics-modal button.iifin-btn.iifin-btn--danger {
	background: var(--iifin-danger-soft) !important;
	color: var(--iifin-danger) !important;
	border-color: var(--iifin-danger-border) !important;
	box-shadow: none !important;
}

.iifin-pwa-install-card__btn.iifin-btn.iifin-btn--primary,
.iifin-pwa-push__btn.iifin-btn.iifin-btn--primary,
#iifin-pwa-install .iifin-pwa-install__btn.iifin-btn.iifin-btn--primary {
	background: var(--iifin-gradient-primary) !important;
	color: var(--iifin-text-inverse) !important;
	border-color: transparent !important;
	border-radius: var(--iifin-radius-btn) !important;
	box-shadow: var(--iifin-shadow-button) !important;
}

.iifin-pwa-install-card__link.iifin-link-action {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.iifin-obligations-scope button.obl-btn.iifin-btn--primary,
#goals-form-wrapper button.iifin-button.iifin-btn--primary,
#assets-wrapper button.iifin-button.iifin-btn--primary,
.iifin-asset-modal button.iifin-button.iifin-btn--primary {
	background: var(--iifin-gradient-primary) !important;
	color: var(--iifin-text-inverse) !important;
	border-color: transparent !important;
	border-radius: var(--iifin-radius-btn) !important;
	box-shadow: var(--iifin-shadow-button) !important;
}

.iifin-obligations-scope button.obl-btn.iifin-btn--secondary,
.iifin-asset-modal button.iifin-button.iifin-btn--secondary {
	box-shadow: none !important;
}

.iifin-obligations-scope button.obligation-delete.iifin-btn--danger,
#goals-list .goal-delete.iifin-btn--danger {
	background: var(--iifin-danger-soft) !important;
	color: var(--iifin-danger) !important;
	border: 1px solid var(--iifin-danger-border) !important;
	box-shadow: none !important;
	border-radius: var(--iifin-radius-btn) !important;
}

.dashboard-page .pf-header-actions .iifin-btn.iifin-btn--sm,
.iifin-dohodi-header .iifin-btn.iifin-btn--sm,
#iifin-investments .iifin-inv-ai-actions__row > .iifin-btn.iifin-btn--sm {
	min-height: var(--iifin-btn-height-sm) !important;
	height: auto !important;
	padding: 0 16px !important;
	font-size: var(--iifin-fs-small) !important;
	font-weight: var(--iifin-fw-semibold) !important;
	line-height: var(--iifin-lh-compact) !important;
	box-sizing: border-box !important;
}

.dashboard-page .pf-header-actions .iifin-btn.iifin-btn--sm .material-symbols-outlined,
.iifin-dohodi-header .iifin-btn.iifin-btn--sm .material-symbols-outlined,
#iifin-investments .iifin-inv-ai-actions__row > .iifin-btn.iifin-btn--sm .material-symbols-outlined {
	font-size: 18px !important;
	line-height: 1 !important;
}

#iifin-investments .iifin-inv-ai-actions__row > .iifin-btn.iifin-btn--sm {
	margin-top: 0 !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	justify-content: center !important;
}

@media (min-width: 992px) {
	#iifin-investments .iifin-inv-ai-actions__row > .iifin-btn.iifin-btn--sm {
		flex: 0 0 auto !important;
		width: auto !important;
	}
}

.dashboard-page .pf-header-actions .iifin-btn.iifin-btn--ai,
.iifin-dohodi-header .iifin-btn.iifin-btn--ai {
	border-radius: var(--iifin-radius-btn) !important;
}

.dashboard-page .pf-header-actions .iifin-btn.iifin-btn--secondary,
.iifin-section-guide-link.iifin-btn.iifin-btn--secondary {
	box-shadow: none !important;
}

.iifin-dohodi-header .iifin-btn.iifin-btn--primary {
	background: var(--iifin-gradient-primary) !important;
	color: var(--iifin-text-inverse) !important;
	border-color: transparent !important;
	box-shadow: var(--iifin-shadow-button) !important;
}

#iifin-kpi-overlay a.iifin-kpi-overlay__cta.iifin-btn.iifin-btn--primary,
#iifin-kpi-overlay .iifin-kpi-overlay__action-row .iifin-kpi-overlay__cta.iifin-btn.iifin-btn--primary {
	background: var(--iifin-gradient-primary) !important;
	color: var(--iifin-text-inverse) !important;
	border-color: transparent !important;
	box-shadow: var(--iifin-shadow-button) !important;
	border-radius: var(--iifin-radius-btn) !important;
}

#iifin-kpi-overlay a.iifin-kpi-overlay__cta.iifin-btn.iifin-btn--primary:hover {
	color: var(--iifin-text-inverse) !important;
	box-shadow: 0 10px 24px rgba(11, 126, 149, 0.28) !important;
}

.iifin-expenses-detailed__btn.iifin-btn.iifin-btn--primary,
#iifin-ed-modal .iifin-expenses-detailed__btn.iifin-btn.iifin-btn--primary {
	background: var(--iifin-gradient-primary) !important;
	color: var(--iifin-text-inverse) !important;
	border-color: transparent !important;
	box-shadow: var(--iifin-shadow-button) !important;
	border-radius: var(--iifin-radius-btn) !important;
}

.entry-content .iifin-obligations-scope button.obl-btn.iifin-btn--primary,
.elementor .iifin-obligations-scope button.obl-btn.iifin-btn--primary,
.iifin-obligations-scope button.obl-btn.iifin-btn--primary {
	background: var(--iifin-gradient-primary) !important;
	background-image: var(--iifin-gradient-primary) !important;
	color: var(--iifin-text-inverse) !important;
	-webkit-text-fill-color: var(--iifin-text-inverse) !important;
	border: none !important;
	box-shadow: var(--iifin-shadow-button) !important;
	border-radius: var(--iifin-radius-btn) !important;
}

#iifin-tx-center .iifin-tx-btn-primary,
#iifin-import .iifin-tx-btn-primary,
#iifin-tx-review #iifin-tx-bulk-apply.iifin-btn--primary {
	background: var(--iifin-gradient-primary) !important;
	color: var(--iifin-text-inverse) !important;
	border-color: transparent !important;
	box-shadow: var(--iifin-shadow-button) !important;
}
