/*
 * Overrides for the Uber Eats store-mapping select. MudSelect renders its dropdown in a popover
 * portaled to the app root (outside the component), so component-scoped ::deep CSS can't reach it —
 * these rules are global and scoped by the PopoverClass set on the MudSelect.
 */

/* Selected item: green (brand) instead of the theme's orange primary. */
.ueat-stores-popover .mud-list-item.mud-selected-item,
.ueat-stores-popover .mud-list-item.mud-selected-item .mud-list-item-text {
    color: #06c167 !important;
}

.ueat-stores-popover .mud-list-item.mud-selected-item {
    background-color: rgba(6, 193, 103, 0.12) !important;
}

/* Neutral hover so options don't flash the orange theme highlight. */
.ueat-stores-popover .mud-list-item:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
}