.woo-popup-search-wrapper {
position: relative;
display: inline-block;
}
.woo-popup-search-dialog {
display: none;
position: absolute;
top: 150%;
right: 0;
background: white;
border: 4px solid #2e2e2e;
padding: 8px 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
z-index: 9999;
transition: all 0.2s ease;
width: 230px;
}
.woo-popup-search-dialog input[type="search"] {
width: 100%;
padding: 6px 28px 6px 10px;
border: none;
outline: none;
background: #fff;
color: #000;
font-size: 14px;
border-radius: 2px;
box-sizing: border-box;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 16px 16px;
}
.woo-popup-search-dialog button {
display: none;
}
document.addEventListener('click', function(e) {
const dialog = document.getElementById('wooPopupSearchDialog');
const icon = document.querySelector('.woo-popup-search-icon');
if (!dialog.contains(e.target) && !icon.contains(e.target)) {
dialog.style.display = 'none';
}
});
