.search-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color:var(--bg-color); opacity:0.95; z-index:1000; display:none; align-items:flex-start; justify-content:center; }
.search-overlay-content { width:100%; max-width:100%; padding:0; margin:0; position:absolute; top:0; }

.search-box.overlay { width:100%; background-color:var(--bg-color); border-radius:0; padding:15px; box-shadow:var(--search-box-shadow); }
.search-overlay .autocomplete-container { position:absolute; top:100%; left:0; width:100%; background-color:var(--autocomplete-bg); z-index:1001; border-top:1px solid var(--result-border); }
.close-search-button { position:absolute; left: 10px; top: 50%; transform:translateY(-50%); background:none; border:none; color:var(--text-color); cursor:pointer; padding:5px; z-index:1002; }
.search-box.overlay #search-input { padding-right:40px; padding-left: 35px; }