/**
 * StockWP — Kill Hello / Elementor pink everywhere in the app shell
 */

:root,
body,
body.stockwp,
.elementor-kit-1,
[class*="elementor-kit-"] {
	--e-global-color-primary: var(--swp-navy) !important;
	--e-global-color-secondary: var(--swp-text) !important;
	--e-global-color-text: var(--swp-text) !important;
	--e-global-color-accent: var(--swp-accent) !important;
	--e-global-color-c36d2f8: var(--swp-accent) !important;
}

/* Elementor / Hello buttons → brand blue, never pink */
.elementor-button,
a.elementor-button,
.elementor-widget-button .elementor-button,
body.stockwp .elementor-button:hover,
body.stockwp a.elementor-button:hover {
	background-color: var(--swp-accent) !important;
	border-color: var(--swp-accent) !important;
	color: #fff !important;
	font-family: var(--swp-font) !important;
}

body.stockwp .elementor-button:hover,
body.stockwp a.elementor-button:hover {
	background-color: var(--swp-link-hover) !important;
	border-color: var(--swp-link-hover) !important;
}

/*
 * Hello Elementor paints generic `button:hover` pink.
 * Neutralize inside StockWP shell / hero / spotlight.
 */
body.stockwp .swp-shell button,
body.stockwp .swp-shell button:hover,
body.stockwp .swp-shell button:focus,
body.stockwp .swp-shell button:active,
body.stockwp .swp-content button,
body.stockwp .swp-content button:hover,
body.stockwp .swp-content button:focus,
body.stockwp .swp-content button:active,
body.stockwp .swp-spotlight button,
body.stockwp .swp-spotlight button:hover,
body.stockwp .swp-spotlight button:focus,
body.stockwp .swp-hero button,
body.stockwp .swp-hero button:hover,
body.stockwp .swp-hero button:focus {
	background-image: none !important;
}

.swp-theme-toggle,
.swp-theme-toggle:hover,
.swp-theme-toggle:focus,
.swp-icon-btn,
.swp-icon-btn:hover,
.swp-icon-btn:focus,
.swp-menu-toggle,
.swp-menu-toggle:hover,
.swp-sidebar-collapse,
.swp-sidebar-collapse:hover,
.swp-sidebar-collapse:focus {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: inherit !important;
}

.swp-theme-menu__item {
	border: none !important;
	box-shadow: none !important;
}

.swp-theme-menu__item:hover,
.swp-theme-menu__item.is-active {
	background: var(--swp-bg-muted) !important;
	background-color: var(--swp-bg-muted) !important;
	color: var(--swp-text) !important;
}

/* Spotlight trigger — never Hello pink */
.swp-spotlight-trigger,
.swp-spotlight-trigger:hover,
.swp-spotlight-trigger:focus,
.swp-spotlight-trigger:active,
.swp-spotlight-trigger:focus-visible {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	color: inherit !important;
}

.swp-spotlight-trigger__inner,
.swp-spotlight-trigger:hover .swp-spotlight-trigger__inner,
.swp-spotlight-trigger:focus .swp-spotlight-trigger__inner {
	background: var(--swp-bg) !important;
	background-color: var(--swp-bg) !important;
	border: 1px solid var(--swp-border) !important;
	box-shadow: none !important;
	color: var(--swp-text-muted) !important;
}

.swp-spotlight-trigger:hover .swp-spotlight-trigger__inner,
.swp-spotlight-trigger:focus .swp-spotlight-trigger__inner {
	background: var(--swp-bg-muted) !important;
	background-color: var(--swp-bg-muted) !important;
	border-color: var(--swp-border-strong) !important;
}

.swp-spotlight__item,
.swp-spotlight__item:hover,
.swp-spotlight__item:focus,
.swp-spotlight__item.is-active {
	background-image: none !important;
	box-shadow: none !important;
	border: none !important;
	outline: none !important;
}

.swp-spotlight__item:hover,
.swp-spotlight__item.is-active,
.swp-spotlight__item:focus {
	background: var(--swp-bg-muted) !important;
	background-color: var(--swp-bg-muted) !important;
	color: var(--swp-text) !important;
}
