/* 404 page content box (Kadence's default error-404.php template).
   Kadence's own dynamic CSS sets both the "Content Background" and the
   generic <h1> heading color to the same --global-palette2 value, so the
   "Oops!" heading was rendering in the same color as its own background
   (invisible) and the body copy was black-on-blue (poor contrast). */

.error .content-bg {
	background: transparent;
}

.error .page-title {
	color: var(--accorbis-color-primary-1, #002F63);
}

.error p {
	color: var(--accorbis-color-neutral-1, #231F20);
}

/* The default WP core search field rendered here (solid gold field, white
   text, no visible boundary) is a different component than the header's
   search box (.kb-search-input-wrapper: light field + separate gold icon
   button). Restyle to visually match the header's look instead of rebuilding
   the header's block markup. */
.error .search-field {
	background: var(--accorbis-color-neutral-4, #F4F6F8);
	color: var(--accorbis-color-neutral-1, #231F20);
	border: 1px solid var(--accorbis-color-neutral-2, #B2C2D0);
	border-radius: 4px 0 0 4px;
}

.error .search-field::placeholder {
	color: var(--accorbis-color-neutral-3, #616C75);
}

.error .kadence-search-icon-wrap {
	background: var(--accorbis-color-primary-3, #E7AF5B);
	color: var(--accorbis-color-white, #FFFFFF);
	border-radius: 0 4px 4px 0;
}
