.leaflet-routing-container { display: none; }

.custom-marker-driver { background: transparent; border: none; }
.marker-pin-driver { width: 44px; height: 44px; background: #10B981; border: 3px solid #fff; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); box-shadow: 0 5px 15px rgba(16, 185, 129, 0.4); display: flex; align-items: center; justify-content: center; }
.marker-pin-driver i { transform: rotate(45deg); color: white; font-size: 18px; }

.custom-marker-p-pending { background: transparent; border: none; }
.marker-pin-p-pending { width: 44px; height: 44px; background: #F59E0B; border: 3px solid #fff; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); display: flex; align-items: center; justify-content: center; animation: pulse-orange 1.5s infinite; }
.marker-pin-p-pending i { transform: rotate(45deg); color: white; font-size: 18px; }

.custom-marker-p-accepted { background: transparent; border: none; }
.marker-pin-p-accepted { width: 44px; height: 44px; background: #3B82F6; border: 3px solid #fff; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4); display: flex; align-items: center; justify-content: center; }
.marker-pin-p-accepted i { transform: rotate(45deg); color: white; font-size: 18px; }

.custom-marker-end { background: transparent; border: none; }
.marker-pin-end { width: 36px; height: 36px; background: #EF4444; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 5px 15px rgba(239, 68, 68, 0.4); display: flex; align-items: center; justify-content: center; }
.marker-pin-end i { color: white; font-size: 14px; }

@keyframes pulse-orange {
    0% { transform: rotate(-45deg) scale(0.95); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); }
    70% { transform: rotate(-45deg) scale(1); box-shadow: 0 0 0 10px rgba(245, 158, 11, 0); }
    100% { transform: rotate(-45deg) scale(0.95); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); }
}