/* Optional structural CSS if Tailwind is not enough */
.routes-pickup-widget .leaflet-container {
    font-family: 'Cairo', sans-serif;
}

/* Custom Marker Popup styling */
.routes-pickup-widget .leaflet-popup-content-wrapper {
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.routes-pickup-widget .leaflet-popup-content {
    margin: 14px 16px;
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

/* Scrollbar styling for Webkit */
.routes-pickup-widget .scrollbar-thin::-webkit-scrollbar {
    width: 6px;
}
.routes-pickup-widget .scrollbar-thin::-webkit-scrollbar-track {
    background: transparent;
}
.routes-pickup-widget .scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: #e2e8f0;
    border-radius: 10px;
}