<div class="search-overlay-modal" id="searchOverlayModal" role="dialog" aria-modal="true"
    aria-label="{{ __('common.search') }}">
    <div class="search-overlay-backdrop" id="searchOverlayBackdrop"></div>
    <div class="search-overlay-container">
        <div class="search-overlay-header-integrated">
            <div class="search-overlay-search-wrapper">
                <i class="fe fe-search search-overlay-icon" aria-hidden="true"></i>
                <input type="text" class="search-overlay-input"
                    placeholder="{{ __('nav.search_placeholder') }}"
                    id="overlaySearchInput" autocomplete="off"
                    aria-label="{{ __('common.search') }}">
                <button type="button" class="search-overlay-close-btn" id="closeSearchOverlay"
                    aria-label="{{ __('common.close') }}">
                    <i class="fe fe-x" aria-hidden="true"></i>
                </button>
            </div>
        </div>
    </div>
</div>
