/* Header Site Search (Elevated) */

/* The plugin's own trigger stays in the DOM (header buttons click it) but out of sight.
   The search window itself is portaled to <body>, so it is not affected. */
.inu-ess-host {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Site font inside the search window */
html .elevated-site-search {
	font-family: "Ploni", Sans-serif;
}

/* Neutralise the theme reset + kit button styles (green fill, pink border) inside the search UI.
   Specificity sits above the kit (0,1,1) and below the plugin's own utilities (0,2,0). */
html .elevated-site-search button,
html .elevated-site-search button:hover,
html .elevated-site-search button:focus {
	background-color: transparent;
	border-color: transparent;
	color: inherit;
	border-radius: 8px;
}
html .elevated-site-search button:focus-visible {
	outline: 2px solid var(--brand-navy, #2C4581);
	outline-offset: 2px;
}

/* Brand touches */
html .elevated-site-search .ess-result-title {
	color: var(--brand-ink, #091533);
	font-weight: 700;
}
html .elevated-site-search a.ess-result-item {
	text-decoration: none;
}
html .elevated-site-search input::placeholder {
	color: var(--neutral-500, #5B6679);
	opacity: 1;
}

/* Keyboard hints mean nothing on touch screens */
@media (hover: none) {
	.elevated-site-search .ess-classic-footer-hints,
	.elevated-site-search .ess-modern-footer-hints {
		display: none;
	}
}