#search-icon-wrapper {
    cursor: pointer;
    padding: 10px; /* Adjust as needed */
}

.search-icon {
    font-size: 24px; /* Adjust as needed */
    color: #333; /* Adjust as needed */
}

#search-bar-container {
    position: absolute; /* Position relative to its closest positioned ancestor */
    top: 100%; /* Place it below the element it's relative to */
    left: 0;
    right: 0;
    background-color: #fff; /* Or your theme's background color */
    z-index: 1000; /* Ensure it's above other content */
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    display: none; /* Hidden by default, controlled by JS */
}