/**
 * Styles for Postal Code Autocomplete Dropdown
 */

.postal-city-dropdown {
    font-family: inherit;
    font-size: 0.875rem;
}

.postal-city-option {
    border-bottom: 1px solid #f0f0f0;
}

.postal-city-option:last-child {
    border-bottom: none;
}

.postal-city-option:hover {
    background-color: #e9ecef !important;
}

.postal-city-option:active {
    background-color: #dee2e6 !important;
}

/* Scrollbar styling for dropdown */
.postal-city-dropdown::-webkit-scrollbar {
    width: 8px;
}

.postal-city-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 0 0.25rem 0.25rem 0;
}

.postal-city-dropdown::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.postal-city-dropdown::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Loading state for city field */
.postal-code-loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%236c757d' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z' opacity='.25'/%3E%3Cpath fill='%23007bff' d='M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z'%3E%3CanimateTransform attributeName='transform' type='rotate' dur='0.75s' values='0 12 12;360 12 12' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 16px;
}