#location-modal-backdrop.location-modal-visible {
    opacity: 1;
}

#location-modal-backdrop {
    opacity: 0;
}

#location-modal-backdrop.location-modal-visible #location-modal {
    opacity: 1;
    transform: translateY(0) scale(1);
}

#location-modal {
    opacity: 0;
    transform: translateY(-16px) scale(0.95);
}

.location-suggestion-item {
    cursor: pointer;
}

.location-suggestion-item:hover {
    background: #f8fafc;
}

.location-modal-toast {
    animation: location-toast-fade 3.2s ease forwards;
}

@keyframes location-toast-fade {
    0% { opacity: 0; transform: translateY(10px); }
    10% { opacity: 1; transform: translateY(0); }
    90% { opacity: 1; }
    100% { opacity: 0; transform: translateY(-10px); }
}