/*!
 * jQuery UI CSP Fix
 * Remove all data-uri (base64) icons and images blocked by CSP
 */

/* 1. Kill ANY background-image that uses a data: URI */
[class*="ui-"], .ui-icon, .ui-menu .ui-menu-icon {
    background-image: none !important;
}

    /* 2. Kill inline data images for pseudo-elements too */
    [class*="ui-"]::before,
    [class*="ui-"]::after {
        background-image: none !important;
        content: '' !important; /* In case the theme adds icons as content */
    }

/* 3. Autocomplete menu styling (optional, custom replacements) */
.ui-autocomplete {
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    font-size: 0.9rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Highlight active item */
.ui-menu-item-wrapper.ui-state-active {
    background: #0074d9;
    color: #fff;
}
/* Target all jQuery UI menu icons */
.ui-menu .ui-menu-icon,
.ui-icon,
.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
    background-image: none !important;
    display: none !important; /* prevents empty placeholders */
}