/*
 * Preserve Kadence's accessible search drawer behavior. Only the trigger's
 * presentation changes, and it collapses to the original icon at narrower
 * viewport widths.
 */
@media (min-width: 1200px) {
	#masthead .search-toggle-open-container .search-toggle-open {
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.6rem;
		width: 168px;
		min-height: 38px;
		padding: 0.35rem 0.65rem 0.35rem 0.85rem;
		color: #68798d;
		background: #fff;
		border: 1px solid #cbd7e6;
		border-radius: 999px;
		box-shadow: 0 3px 12px rgba(23, 43, 77, 0.08);
		font-size: 0.9rem;
		line-height: 1;
		transition: border-color 0.2s ease, box-shadow 0.2s ease;
	}

	#masthead .search-toggle-open-container .search-toggle-open::before {
		content: "Search…";
		font-weight: 400;
	}

	#masthead .search-toggle-open-container .search-toggle-open .search-toggle-icon {
		display: inline-flex;
		flex: 0 0 auto;
		color: #315bea;
		font-size: 0.9rem;
	}

	#masthead .search-toggle-open-container .search-toggle-open:hover,
	#masthead .search-toggle-open-container .search-toggle-open:focus {
		color: #405268;
		background: #fff;
		border-color: #315bea;
		box-shadow: 0 0 0 3px rgba(49, 91, 234, 0.16);
	}
}

/* Guard against inherited field sizing if Search is added to the mobile header. */
@media (max-width: 1199px) {
	#masthead .search-toggle-open-container .search-toggle-open {
		width: auto;
		min-width: 42px;
		min-height: 42px;
	}

	#masthead .search-toggle-open-container .search-toggle-open::before {
		display: none;
	}
}