/* Hide the native search cancel button (X) in WebKit browsers */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

/* Ensure the custom clear icon has a hover effect */
.search-clear-icon:hover {
    color: #333 !important;
}