Stop AI search icon from replacing regular search icon on americanbanker.com
I am trying to make filters to block the AI search bar on https://www.americanbanker.com/.
When the page initially loads, the search icon displays as a regular icon in element .Page-header-search.
However, shortly after the page loads, the search element is hidden with display: none !important; and a new element for an AI search, .miso-page-header-search gets created to be shown instead.
I attempted to override the styles to unhide the regular search and rehide the AI search. However, this resulted in the search bar not appearing when the search icon is clicked. The display: none !important rule gets applied to both the search icon and the child search bar. which overrides the "unhiding" that normally happens when the search icon is clicked.
www.americanbanker.com##.Page-header-search:style(display: block !important)
www.americanbanker.com##.miso-page-header-search:style(display: none !important)
(For reference, I am aware an AI overview AI still appears when using the non-ai labeled search, however I have separate filters to block that. This is only focused on blocking the sparkly AI search bar on the main page)
Is there a filter rule I can apply to stop the non-AI search bar from getting overridden on americanbanker.com?
HTML
<div class="Page-header-buttons">
<div class="Page-header-search">
<button class="Page-header-search-button">
<svg class="icon-magnify">
<use xlink:href="#icon-magnify"></use>
</svg>
<span class="sr-only">Show Search</span>
<svg class="close-x">
<use xlink:href="#close-x"></use>
</svg>
</button>
</div>
<div class="miso-page-header-search">
<button class="miso-page-header-search-button miso-icon-button">
<span class="sr-only">Show Search</span>
<span class="miso-page-header-search-button__icon">
<svg class="miso-arizent-icon miso-arizent-icon-ai-search">
<use href="#miso-arizent-icon-ai-search"></use>
</svg>
<svg class="miso-arizent-icon miso-arizent-icon-close-x">
<use href="#miso-arizent-icon-close-x"></use>
</svg>
</span>
</button>
</div>
</div>